Css Tasarımları 2

GÜZEL BİR BLOG TEMASI

TASARIM ÜSTÜ

<div id="page">  <div id="header">  <div id="header-info"> <h1><a href="http://test.qualitywordpress.com/" _fcksavedurl="http://test.qualitywordpress.com/">Theme Name</a></h1> <div class="description">Wordpress Theme</div> </div>   <div id="header-menu"> <ul> <li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" _fcksavedurl="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" _fcksavedurl="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li> <li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" _fcksavedurl="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li> </ul> </div>   <div id="header-search"> <form method="get" id="search-form" action="http://test.qualitywordpress.com/"> <input value="" name="s" id="sb" type="text"> <input id="searchsubmitb" value="" type="submit"> </form> </div>   <div id="header-feed"> <a href="http://test.qualitywordpress.com/?feed=rss" _fcksavedurl="http://test.qualitywordpress.com/?feed=rss"><img src="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/blank.gif" _fcksavedurl="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/blank.gif" alt="RSS Feed" width="60" height="60"></a> </div>  </div>   <div id="main"><div id="main-top"><div id="main-bottom">  <div class="sidebar sidebar-left"> <h3>Pages</h3> <ul> <li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" _fcksavedurl="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" _fcksavedurl="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li> <li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" _fcksavedurl="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li> </ul> <h3>Categories</h3> <ul> <li class="cat-item cat-item-3"><a href="http://test.qualitywordpress.com/?cat=3" _fcksavedurl="http://test.qualitywordpress.com/?cat=3" title="View all posts filed under Art & Design">Art & Design</a> </li> <li class="cat-item cat-item-5"><a href="http://test.qualitywordpress.com/?cat=5" _fcksavedurl="http://test.qualitywordpress.com/?cat=5" title="View all posts filed under Business">Business</a> </li> <li class="cat-item cat-item-4"><a href="http://test.qualitywordpress.com/?cat=4" _fcksavedurl="http://test.qualitywordpress.com/?cat=4" title="View all posts filed under Marketing">Marketing</a> </li> <li class="cat-item cat-item-6"><a href="http://test.qualitywordpress.com/?cat=6" _fcksavedurl="http://test.qualitywordpress.com/?cat=6" title="View all posts filed under Online">Online</a> </li> <li class="cat-item cat-item-1"><a href="http://test.qualitywordpress.com/?cat=1" _fcksavedurl="http://test.qualitywordpress.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a> </li> </ul> <h3>Archives</h3> <ul> <li><a href="http://test.qualitywordpress.com/?m=200810" _fcksavedurl="http://test.qualitywordpress.com/?m=200810" title="October 2008">October 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200809" _fcksavedurl="http://test.qualitywordpress.com/?m=200809" title="September 2008">September 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200808" _fcksavedurl="http://test.qualitywordpress.com/?m=200808" title="August 2008">August 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200806" _fcksavedurl="http://test.qualitywordpress.com/?m=200806" title="June 2008">June 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200805" _fcksavedurl="http://test.qualitywordpress.com/?m=200805" title="May 2008">May 2008</a></li> </ul> <div class="textwidget"></div> </div>   <div id="content-page">  <div class="post" id="post-15"> <div class="post-date">HackeR FrienD.Net</div> <div class="post-title"> <h2>Sitemize Hoş Geldiniz...</h2> <div class="clear"></div> </div> <div class="post-entry">

TASARIM ALTI

</div> <br/><br/> <div class="post-info"> <a href="#" _fcksavedurl="#">Linkler </a>  :  <a href="#" _fcksavedurl="#">Linkler</a> </div> </div>    <div class="navigation"> <div class="navigation-previous"></div> <div class="navigation-next"></div> </div>  <div class="clear"></div> </div>   <div class="sidebar sidebar-right"> <h3>Advertisements</h3> <div id="spons"><br> <center><a href="#" _fcksavedurl="#"><img src="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/ad.gif" _fcksavedurl="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/ad.gif" alt="AD SPACE" width="125" height="125"></a><br><br> <a href="#" _fcksavedurl="#"><img src="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/ad.gif" _fcksavedurl="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/ad.gif" alt="AD SPACE" width="125" height="125"></a></center><br> </div> <h3>Links</h3> <ul> <li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </div>  <div class="clear"></div> </div></div></div>   <div id="footer"> (c)Copyrighted <a href="http://test.qualitywordpress.com/" _fcksavedurl="http://test.qualitywordpress.com/">Theme Name</a>, All Rights Reserved<br>Designed by: <a href="http://www.mangosteenhut.com/" _fcksavedurl="http://www.mangosteenhut.com/">mangosteen</a><br><a href="http://www.983wedding.com/" _fcksavedurl="http://www.983wedding.com/">Wedding Invitation Design</a> : <a href="http://www.spiele-umsonst.de/" _fcksavedurl="http://www.spiele-umsonst.de/">kostenlose Spiele</a> : <a href="http://www.how-to-lose-belly-fat.com/" _fcksavedurl="http://www.how-to-lose-belly-fat.com/">How to Lose Belly Fat</a></div>  </div>

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Theme Name: Modern Blogger Theme URI: http://test.qualitywordpress.com/?preview_theme=modernblogger Description: Modern blogger is all about the new age of blogging and blogs. With fresh new conceptual graphics. Version: 1.0 Author: qualitywordpress Author URI: http://qualitywordpress.com */ /* General */ body { margin: 0; padding:0; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/bg.jpg"); } h1, h2, h3, h4 { margin: 0; } img { border: 0; } .clear { clear: both; height: 0; overflow: hidden; } /* Page */ #page { margin: 0 auto; width: 907px; } /* Header */ #header { width: 907px; height: 420px; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/header.jpg") no-repeat; position: relative; } /* Header - Info */ #header #header-info { position: absolute; top: 85px; left: 280px; } #header #header-info h1 { color: #000000; font: normal 35px Century Gothic; padding-bottom: 5px; } #header #header-info h1 a { color: #000000; text-decoration: none; } #header #header-info .description { color: #0000000; font: bold 15px Century Gothic; } /* Header - Menu */ #header #header-menu { position: absolute; top: 382px; left: 15px; height: 34px; } #header #header-menu ul { margin: 0; padding: 0; list-style-type: none; height: 34px; } #header #header-menu ul li { float: left; height: 32px; margin-right: 11px; font: normal 12px/32px Century Gothic; color: #cccccc; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/header_menu.gif") repeat-x; border: 1px solid #000000; padding: 0 30px; } #header #header-menu ul li a { color: #cccccc; text-decoration: none; } #header #header-menu ul li a:hover { text-decoration: underline; } #header #header-menu ul li ul { display: none; } /* Header - Ssearch */ #header #header-search { position: absolute; top: 8px; left: 650px; width: 252px; height: 27px; } #header #header-search { width: 252px; height: 27px; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/sidebar_search.gif") no-repeat; } #header #header-search #search-form { margin: 0; padding: 0; width: 252px; height: 27px; } #header #header-search #sb { width: 149px; height: 17px; border: 0; padding: 5px; font: bold 13px "Century Gothic", Century Gothic; color: #000000; background: transparent; float: left; } #header #header-search #searchsubmitb { background: transparent; border: none; width: 83px; height: 27px; padding: 0; float: right; } #header #header-text a { color: #ffffff; text-decoration: underline; } /* Header - Feed */ #header #header-feed { position: absolute; top: 3px; left: 3px; width: 40px; height: 40px; } /* Main */ #main { width: 907px; background: #262626 url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/main.gif") repeat-y; } #main-top { width: 907px; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/main_top.gif") no-repeat; } #main-bottom { width: 907px; min-height: 50px; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/main_bottom.gif") no-repeat left bottom; } /* Main - Content */ #content-page { float: left; width: 495px; padding: 12px 16px 0 16px; } /* Main - Content - Post */ #content-page .post { float: left; margin-bottom: 25px; width: 495px; } /* Post - Date */ #content-page .post .post-date { background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/post_date.gif") no-repeat; width: 122px; height: 25px; color: #000000; text-align: center; font: bold 10px/25px Century Gothic; } /* Post - Title */ #content-page .post .post-title { width: 463px; height: 45px; border: 1px solid #FFFFFF; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/post_title.gif") repeat-x; color: #000000; font: bold 10px Century Gothic; padding: 0 15px; } #content-page .post .post-title a, .post-title-info a { color: #000000; text-decoration: none; } #content-page .post .post-title a:hover, .post-title-info a:hover { text-decoration: underline; } #content-page .post .post-title h2 { color: #000000; font: bold 15px/45px Century Gothic; float: left; } #content-page .post .post-title h2 a { color: #000000; text-decoration: none; } #content-page .post .post-title h2 a:hover { text-decoration: underline; } #content-page .post .post-title .post-title-info { float: left; line-height: 45px; } .post-title-info { display:block; width:100%; text-align:right; color: #000000; font: bold 10px Century Gothic; padding-top: 10px; } /* Post - Entry */ #content-page .post .post-entry { font: normal 12px/18px Century Gothic; color: #000000; padding: 0 15px; width: 465px; background: #FFFFFF; float: left; } #content-page .post .post-entry a { color: #000000; text-decoration: none; } #content-page .post .post-entry a:hover { text-decoration: underline; } #content-page .post .post-entry .more-link { font: bold 11px/20px Century Gothic; color: #000000; float: right; padding-bottom: 5px; } #content-page .post .post-entry .more-link a { color: #000000; text-decoration: none; } #content-page .post .post-entry .more-link a:hover { text-decoration: underline; } /* Post - Info */ #content-page .post .post-info { padding: 0 10px 0 0; width: 485px; clear: both; font: bold 10px/19px Century Gothic; color: #000000; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/post_info.gif") no-repeat; text-align: right; } #content-page .post .post-info a { color: #000000; text-decoration: none; } #content-page .post .post-info a:hover { text-decoration: underline; } /* Post - Comments */ #content-page .post .post-entry h3 { color: #000000; font: bold 14px Century Gothic; margin: 25px 0 5px 0; } #content-page .post .post-entry .comments { font: normal 11px/18px Century Gothic; color: #000000; width: 465px; } #content-page .post .post-entry .comments a { color: #000000; text-decoration: none; } #content-page .post .post-entry .comments a:hover { text-decoration: underline; } #content-page .post .post-entry .comments ol { margin: 10px 0 10px 0; padding-left: 25px; } #content-page .post .comments ol li { padding: 5px; } #content-page .post .post-entry .comments ol li.alt { background: #cccccc; } #content-page .post .post-entry .comments ol li cite { color: #000000; font-style: normal; font-weight: bold; } #content-page .post .post-entry .comments ol li cite a { color: #000000; text-decoration: none; } #content-page .post .post-entry .comments ol li cite a:hover { text-decoration: underline; } #content-page .post .post-entry .comments ol li .commentmetadata a { color: #000000; text-decoration: none; } #content-page .post .post-entry .comments ol li .commentmetadata a:hover { text-decoration: underline; } #content-page .post .post-entry #commentform { font: normal 11px/18px Century Gothic; color: #FFFFFF; width: 450px; padding-left: 15px; margin: 0; } #content-page .post .post-entry #commentform a { color: #000000; text-decoration: none; } #content-page .post .post-entry #commentform a:hover { text-decoration: underline; } /* Main - Content - Navigation */ #content-page .navigation { font: bold 12px/25px Century Gothic; color: #000000; width: 495px; height: 25px; float: left; margin-bottom: 25px; } #content-page .navigation a { color: #000000; text-decoration: none; } #content-page .navigation a:hover { text-decoration: underline; } #content-page .navigation .navigation-previous { float: left; } #content-page .navigation .navigation-next { float: right; } /* Main - Sidebar */ .sidebar { float: left; width: 170px; font: normal 12px/18px Century Gothic; color: #000000; } .sidebar a { color: #000000; text-decoration: none; } .sidebar a:hover { text-decoration: underline; } /* Sidebar - Sides */ .sidebar-left { padding: 12px 3px 15px 16px; } .sidebar-right { padding: 12px 0 15px 3px; } /* Sidebar - Titles */ .sidebar h3 { padding-left: 10px; font: normal 14px/26px Century Gothic; color: #ADE2AD; width: 159px; height: 26px; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/sidebar_title.gif") repeat-x; } /* Sidebar - Menus */ .sidebar ul { margin: 5px 0 8px 0; padding: 0; list-style-type: none; } .sidebar ul li { padding-left: 11px; color: #cccccc; font: bold 11px/25px Century Gothic; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/sidebar_menu.gif") repeat-x; } .sidebar ul li a { color: #cccccc; text-decoration: none; } .sidebar ul li a:hover { text-decoration: underline; } /* Sidebar - Submenus */ .sidebar ul li ul { margin: 0; padding: 0; } /* Sidebar - Forms */ .sidebar #searchform { margin: 0; padding: 5px 0 8px 0; width: 170px; text-align: center; } .sidebar #searchform #s { width: 140px; } /* Sidebar - Tables */ .sidebar #calendar_wrap { margin: 0 auto; padding: 5px 0 8px 0; width: 130px; } .sidebar #calendar_wrap caption { font-weight: bold; } .sidebar #calendar_wrap tbody { text-align: right; } .sidebar #calendar_wrap tfoot #next { text-align: right; } .sidebar #calendar_wrap #today { font-weight: bold; } /* Sidebar - Texts */ .sidebar .textwidget { padding: 5px 4px 8px 4px; } /* Sidebar - Feed */ .sidebar #sidebar-feed { margin: 5px auto 8px auto; width: 160px; height: 60px; } /* Footer */ #footer { width: 907px; height: 83px; background: #000000; color: #ffffff; font: 10px/20px Century Gothic; text-align: center; } #footer a { color: #ffffff; text-decoration: underline; } #footer a:hover { text-decoration: underline; }

YANAN EV TEMASI

TASARIM ÜSTÜ

TASARIM ALTI

</div> <div id="left"> <h3>Nunc pellentesque</h3> <ul> <li><a href="#" _fcksavedurl="#">Vivamus id arcu</a></li> <li><a href="#" _fcksavedurl="#">Duis congue ultricies</a></li> <li><a href="#" _fcksavedurl="#">Purus in mollis purus</a></li> <li><a href="#" _fcksavedurl="#">Orci nonummy fringilla</a></li> <li><a href="#" _fcksavedurl="#">Pellentesque at lorem</a></li> </ul> <h3>Lorem ipsum dolor</h3> <p>Laoreet dolore magna aliquam erat volutpat. Exerci tation ullamcorper suscipit lobort ex ea commodo consequat. Duis autemr in het laoreet dolore magna aliquam erat volutpat. <br /> <br /> Ut wisi enim ad minim veniam, quis ullamcorper suscipit lobortis nisl ut commodo consequat. Duis autemr in he<a href="#" _fcksavedurl="#">More...</a></p> <br /> <h3>Calendar</h3> <ul> <li id="calendar"> <div id="calendar1"> <table id="calendar2" summary="Calendar"> <caption> January 2008 </caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tfoot> <tr> <td abbr="Des" colspan="3" id="prev"><a href="#" _fcksavedurl="#">« Des</a></td> <td class="pad"> </td> <td abbr="Feb" colspan="3" id="next" class="pad"><a href="#" _fcksavedurl="#">Feb »</a></td> </tr> </tfoot> <tbody> <tr> <td colspan="2" class="pad"> </td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> </tr> <tr> <td>13</td> <td>14</td> <td>15</td> <td>16</td> <td>17</td> <td>18</td> <td>19</td> </tr> <tr> <td>20</td> <td id="now">21</td> <td>22</td> <td>23</td> <td>24</td> <td>25</td> <td>26</td> </tr> <tr> <td>27</td> <td>28</td> <td>29</td> <td>30</td> <td>31</td> <td class="pad" colspan="2"> </td> </tr> </tbody> </table> </div> </li> </ul> </div> <div id="footer"> <p>Copyright © 2008. <a href="#" _fcksavedurl="#">Privacy Policy</a> | <a href="#" _fcksavedurl="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p> <p>Design by <a href="http://www.metamorphozis.com/" _fcksavedurl="http://www.metamorphozis.com/" title="Free Website Templates">Free Website Templates</a></p> </div> </div>

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} * { margin: 0px; padding: 0px; } a:link { color: #C24606; } a:hover { text-decoration: none; color: #FF0000; } a:visited { color: #C24606; } body { background: #000000 url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/back_all.jpg) no-repeat right top; font: 13px Arial, Helvetica, sans-serif; color: #000000; margin-left: 30px; margin-bottom: 20px; } #main { width: 653px; background: #ffffff; margin-top: 20px; } #header { width: 653px; height: 170px; } #menu { float: left; width: 603px; height: 43px; padding-left: 50px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/menu.gif) no-repeat; } #menu ul { list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; width: 113px; height: 28px; text-align: center; text-decoration: none; color: #ffffff; font-weight: bold; font-size: 14px; padding-top: 15px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/buttons.gif) no-repeat; } #menu a:hover { width: 113px; height: 28px; color: #ff0000; text-decoration: underline; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/buttons_r.gif) no-repeat; } #logo { width: 623px; height: 100px; padding-left: 30px; padding-top: 19px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/header.gif) no-repeat; } #logo a { text-decoration: none; text-transform: lowercase; font-style: italic; font-size: 18px; color: #FFFFFF; } #logo H2 a { font-size: 12px; } #left { padding: 10px; width: 185px; } #left H3 { width: 170px; height: 24px; font-size: 14px; font-weight: bold; padding-left: 15px; padding-top: 15px; text-transform: uppercase; color: #ffffff; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/title.gif) no-repeat } #left ul { border: 0px; margin-left: 10px; margin-bottom: 10px; list-style: none; } #left li { padding: 4px; } #left H4 { font-size: 10px; } #left a { color: #C24606; font-size: 11px; } #left a:visited { color: #037931; font-size: 11px; } #left p { padding: 10px; } #calendar1 { padding: 5px 10px 5px 10px; } #calendar table { width: 100%; text-align: center; } #calendar thead { } #calendar tbody td { border: 1px solid #F1F1F1; } #calendar #prev { text-align: left; } #calendar #next { text-align: right; } #calendar tfoot a { text-decoration: none; font-weight: bold; } #calendar #now { background: #696969; border: 1px solid #ff0000; font-weight: bold; color: #ffffff } #right { width: 420px; float: right; padding-right: 10px; } #right ol, #right ul { margin-left: 30px; } #right H4 { margin: 0; padding: 0px; font-size: 12px; color: #037931; } #right a { color: #C24606; text-decoration: none; } #right p { margin: 0; padding: 0; padding-bottom: 10px; } #right h2 { margin: 0; padding: 0; padding-top: 10px; color: #C24606; } .date { text-align: right; color: #C24606; font-size: 11px; } .date a { color: #C24606; } #footer { clear: both; height: 47px; clear: both; padding-top: 20px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/footer.gif) repeat-x bottom; } #footer p { margin: 0; font-size: 10px; text-align: center; color: #C24606; } #footer a { color: #C24606; }

RADYO SİTESİ TEMASI

TASARIM ÜSTÜ

<div id="conntainer">  <div id="page_header"> <h1><span>Radio Station</span></h1> </div>   <div id="navmenu"> <ul> <li id="menu_first"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Home</b></a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Featured Bands</b></a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Playlist</b></a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Partners</b></a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>About Us</b></a></li> <li id="menu_last"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Contact Us</b></a></li> </ul> <div class="clearthis"> </div> </div>  <div id="page_static"> </div>  <div id="main_content"> <div id="main_content2"> <div id="main_content_header"> <h2>Featured Band: The Black Eyed Peas</h2> </div> <div id="main_content_body"> <div id="content_box"> <div class="thumbnail"><img src="http://www.freewebsitetemplates.com/preview/template25/images/main_thumbnail.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/template25/images/main_thumbnail.gif" width="379" height="177" alt="Thumbnail Caption" /></div>

TASARIM ALTI

</div> </div> <div id="main_content_footer"> </div> </div> </div>   <div id="breaking_news"> <div id="breaking_news_header"> <h2>HackeR FrienD.Net</h2> </div> <div id="breaking_news_body"> <div class="thumbnail"><img src="http://www.freewebsitetemplates.com/preview/template25/images/news_thumbnail.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/template25/images/news_thumbnail.gif" width="175" height="63" alt="Thumbnail Caption" /></div> <p> Please don't remove the link at the bottom. We have worked hard to make the templates and ask that you respect our hard work so we can continue providing you with high quality templates. </p> <p> If you really want to remove the link you can buy a copyright free version on <a href="http://www.freewebsitetemplates.com/nolink/" _fcksavedurl="http://www.freewebsitetemplates.com/nolink/">our website</a>. Thanks. </p> </div> <div id="breaking_news_footer"> </div> </div>  <div class="clearthis"> </div>  <div id="page_footer"> Web design by <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Free Website Templates</a> </div>  </div>

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} * { margin: 0px; padding: 0px; } body { padding: 25px 0px 12px; background-color: #98a664; color: #fff; font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; text-align: center; } a { color: #fff; background-color: inherit; text-decoration: underline; } a:hover { color: #526052; background-color: inherit; } span { display: none; } img { border: none; } ul { list-style-type: none; } li { list-style-type: none; } p { margin: 10px 0px 12px; text-align: justify; line-height: 15px; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size : 1px; line-height : 0px; overflow : hidden; visibility: hidden; } #conntainer { margin: 0px auto; width: 767px; background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/background_image.jpg'); background-repeat: no-repeat; text-align: left; } #page_static { width: 767px; height: 235px; overflow: hidden; } .thumbnail { padding: 10px 0px; text-align: center; } /* Page Header */ #page_header { padding: 5px 14px 2px; position: absolute; } #page_header h1 { width: 265px; height: 49px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/radio_station.gif') no-repeat 0% 50%; } /* Navigation Menu */ #navmenu { margin: 54px 528px 0px 66px; padding-bottom: 2px; width: 173px; clear: both; text-align: center; z-index: 1; position: absolute; } #navmenu a { text-decoration: none; } #navmenu li { padding: 0px 11px; float: left; background: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background.gif') repeat-y 50% 0%; line-height: 23px; } #navmenu li#menu_first { padding-top: 5px; background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_top.gif'); background-repeat: no-repeat; } #navmenu li#menu_last { padding-bottom: 12px; background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_bot.gif'); background-repeat: no-repeat; } #navmenu li a { display: block; background-color: #acba78; color: inherit; font-size: 12px; text-transform: uppercase; cursor: pointer; } #navmenu li a:hover { background-color: #ddebb1; color: #526052; } #navmenu li#menu_first a { padding-top: 2px; background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_litop.gif'); background-repeat: no-repeat; background-position: 50% 0%; } #navmenu li#menu_last a { background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_libot.gif'); background-repeat: no-repeat; background-position: 50% 100%; } #navmenu li a b { margin: 0px auto; padding-bottom: 2px; display: block; width: 151px; border-bottom: #fff 1px solid; } /* Main Content */ #main_content { padding-left: 22px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/main_background.gif') repeat-y 22px 0%; float: left; clear: both; text-align: center; } #main_content2 { width: 435px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/main_background_right.gif') no-repeat 100% 0%; } #main_content_header { width: 435px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/main_background_top.gif') no-repeat 50% 0%; } #main_content_header h2 { padding: 20px 10px 12px; font-size: 12px; text-transform: uppercase; } #main_content_body { margin: 0px auto; padding: 2px 0px; width: 411px; min-height: 220px; background-color: #98a664; color: inherit; } #main_content_body #content_box { margin: 0px auto; padding-bottom: 15px; width: 380px; text-align: justify; } #main_content_footer { width: 435px; height: 21px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/main_background_bot.gif') no-repeat 50% 100%; overflow: hidden; } /* Breaking News */ #breaking_news { margin-top: 266px; width: 310px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/news_background.gif') #98a664 repeat-y 0% 0%; color: #141619; float: right; font-size: 10px; font-weight: normal; letter-spacing: 1px; line-height: 11px; text-align: justify; } #breaking_news a { color: #141619; background-color: inherit; } #breaking_news a:hover { color: #606c35; background-color: inherit; } #breaking_news p { margin-top: 2px; line-height: 11px; } #breaking_news .thumbnail { padding: 5px 0px 7px; } #breaking_news_header { padding: 7px 15px 0px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/news_background_top.gif') no-repeat 0px 0%; } #breaking_news h2 { width: 280px; background-color: #ddebb1; color: #2f3c26; font-size: 10px; font-weight: bold; line-height: 10px; text-transform: uppercase; text-align: center; } #breaking_news_body { padding: 0px 30px 3px; } #breaking_news_footer { height: 6px; overflow: hidden; background: url('http://www.freewebsitetemplates.com/preview/template25/images/news_background_bot.gif') no-repeat 0% 0%; } /* Page Footer */ #page_footer { padding: 18px 11px 0px; font-size: 10px; text-align: center; letter-spacing: 1px; }

FİLM SİTESİ TEMASI

TASARIM ÜSTÜ

<div id="conntainer">  <div id="page_header"> <div id="company_name"> <h1><span>United Brothers</span></h1> </div> </div>   <div id="page_menu"> <ul> <li class="home"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Home"><span>Home</span></a></li> <li class="aboutus"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="About Us"><span>About Us</span></a></li> <li class="gallery"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Gallery"><span>Gallery</span></a></li> <li class="portfolio"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Portfolio"><span>Portfolio</span></a></li> <li class="procedure"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Procedure"><span>Procedure</span></a></li> <li class="contact"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Contact"><span>Contact</span></a></li> </ul> </div>   <div id="left_sidebar">  <div class="content_header"> <h2><span>Experts' Voice</span></h2> </div> <div class="content_box_right"> <div class="content_box_left"> <div class="content_box"> <div class="thumbnail"> <img src="http://www.freewebsitetemplates.com/preview/moviecompany/images/_thumbnail01.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/moviecompany/images/_thumbnail01.gif" width="106" height="100" alt="Caption Here" /> </div> <h3> <strong>Mark Someone</strong> <br /> Video Editor </h3> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <p>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></p> <div class="link-more"> <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">...Read More</a> </div> </div> </div> </div>  </div>   <div id="main_content"> <div class="content_header"> <h2><span>Top 20 Masters of the Month</span></h2> </div> <div class="content_box_right"> <div class="content_box_left"> <div class="content_box"> <div id="main_content_border"> <div class="topmasters">

TASARIM ALTI

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} * { margin: 0px; padding: 0px; } body { background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/body_background.gif') #4a4848 repeat-x 0px 0px; color: #a7a7a7; font-family: tahoma, arial, sans-serif; font-size: 9px; text-align: center; } a { color: #fff; text-decoration: none; } a:hover { color: #ea9a2e; } span { display: none; } img { border: none; } ul { list-style-type: none; } li { list-style-type: none; } p { margin: 10px 0px 20px; text-align: justify; line-height: 13px; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size : 1px; line-height : 0px; overflow : hidden; visibility: hidden; } #conntainer { margin: 0px auto; width: 780px; text-align: left; } /* Page Header */ #page_header { width: 780px; height: 122px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/header_background.gif') no-repeat 0px 0px; } #company_name { padding-left: 204px; height: 122px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/header_image.gif') no-repeat 18px 9px; } #company_name h1 { width: 155px; height: 32px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/company_name.gif') no-repeat 0px 0px; } /* Page Menu */ #page_menu { margin-bottom: 14px; width: 780px; height: 42px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_background.gif') no-repeat 0px 0px; text-align: center; } #page_menu ul { margin: 0px auto; height: 29px; width: 606px; } #page_menu li { width: 101px; height: 29px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_link_bg.gif') no-repeat 0px 0px; float: left; } #page_menu li a { margin-top: 11px; height: 10px; width: 101px; display: block; } #page_menu .home a { background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_home.gif') no-repeat 50% 0px; } #page_menu .aboutus a { background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_aboutus.gif') no-repeat 50% 0px; } #page_menu .gallery a { background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_gallery.gif') no-repeat 50% 0px; } #page_menu .portfolio a { background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_portfolio.gif') no-repeat 50% 0px; } #page_menu .procedure a { background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_procedure.gif') no-repeat 50% 0px; } #page_menu .contact a { background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_contact.gif') no-repeat 50% 0px; } /* Page Body Content */ .content_header { height: 38px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_topright.gif') #353434 no-repeat 100% 0px; overflow: hidden; } .content_header h2 { padding-left: 41px; height: 38px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_topleft.gif') no-repeat 0px 0px; } .content_box_right { margin-bottom: 8px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_botright.gif') #353434 no-repeat 100% 100%; } .content_box_left{ padding-bottom: 12px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_botleft.gif') no-repeat 0px 100%; } .content_box { padding: 5px 13px; } .content_box .thumbnail { float: left; border: #a1a19e 1px solid; } .content_box h3 { padding-top: 10px; padding-bottom: 3px; font-size: 9px; font-weight: normal; } /* Left Sidebar */ #left_sidebar { padding-left: 17px; float: left; } #left_sidebar .content_header { width: 134px; } #left_sidebar .content_header h2 { color: #9bb74b; font-weight: bold; font-size: 11px; line-height: 11px; } #left_sidebar .content_header h2 span { display: block; padding-top: 10px; } #left_sidebar .content_box_left { width: 134px; } #left_sidebar .content_box { background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/left_sidebar_bg.gif') repeat-y 0px 0px; } #left_sidebar .content_box h3 { color: #ea912e; clear: both; } #left_sidebar .link-more { padding-top: 2px; text-align: right; } #left_sidebar .link-more a { color: #a7a7a7; font-weight: bold; } #left_sidebar .link-more a:hover { color: #f1af3b; } /* Main Content */ #main_content { padding-right: 17px; float: right; } #main_content .content_header { width: 594px; } #main_content .content_header h2 { color: #f89d31; font-size: 12px; line-height: 12px; } #main_content .content_header h2 span { display: block; padding-left: 3px; padding-top: 10px; } #main_content .content_box_left { width: 594px; } #main_content .content_box { padding: 5px 11px 0px 0px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_background.gif') no-repeat 100% 0%; border-width: 0px 2px; border-color: #d2913d; border-style: solid; } #main_content_border { padding-left: 42px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_side.gif') repeat-y 5px -1px; } #main_content .link-more { padding-bottom: 7px; padding-right: 5px; text-align: right; line-height: 11px; } #main_content .link-more a { color: #ea9a2e; font-weight: bold; } #main_content .link-more a:hover { color: #f7ec37; } #main_content .divider { margin: 0px auto 7px 2px; width: 522px; height: 3px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_divider.gif') repeat-x 0px 0px; overflow: hidden; } /* Top Masters */ .topmasters { padding: 6px 0px; } .topmasters_info { float: right; width: 383px; } .topmasters_info h3 { padding: 2px 0px 2px; width: 383px; color: #9bb74b; } .topmasters_info p { margin: 0px; padding: 10px 5px 10px 0px; clear: both; } /* Login Box */ #loginbox_left { margin-bottom: 5px; margin-top: 10px; padding-left: 14px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/loginbox_bgleft.gif') #686765 no-repeat 0px 0px; float: left; } #loginbox_right { padding-right: 14px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/loginbox_bgright.gif') no-repeat 100% 0px; } #loginbox { width: 160px; height: 99px; overflow: hidden; color: #fafafa; font-size: 9px; font-weight: bold; line-height: 9px; } #loginbox a { text-decoration: underline; } #loginbox a:hover { color: #f7b637; } #loginbox h2 { padding-top: 7px; color: #f7b637; font-size: 12px; line-height: 12px; font-weight: bold; } #loginbox form { margin: 13px 0px 3px; } .loginbox_formfield { padding: 0px 3px 2px 2px; } .loginbox_formfield strong { padding-top: 3px; float: left; width: 55px; display: block; } #loginbox input { width: 97px; color: #fff; padding-top: 2px; background-color: #4a4948; border: #8e8c89 1px solid; font-family: tahoma, arial, sans-serif; font-size: 9px; font-weight: bold; float: right; } #loginbox input.button { margin-top: 1px; width: 41px; height: 14px; border: none; text-align: center; font-weight: normal; cursor: pointer; } #loginbox_register { padding-top: 10px; line-height: 10px; } /* Tips of the Day */ #tips { padding: 8px 10px 5px 17px; border-left: #62615f 1px solid; float: right; } #tips_box { width: 295px; font-weight: bold; } #tips_box a { color: #f1ab30; text-decoration: underline; } #tips_box a:hover { color: #f7f037; } #tips_box h2 { padding-bottom: 9px; color: #9bb74b; font-size: 12px; } #tips_box ul { padding: 3px 0px 3px; } #tips_box li { padding: 3px 0px; } /* Page Footer */ #page_footer { padding: 2px 10px 15px; color: #adacab; text-align: center; } #page_footer a { color: #adacab; text-decoration: underline; } #page_footer a:hover { color: #f7ec37; }

MÜZİK SİTESİ TEMASI

TASARIM ÜSTÜ

<div id="wrapper"> <h1><em>MUSIC</em> SHOP</h1> <div id="nav"> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><span>01</span> ABOUT SHOP</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><span>02</span> GALLERY</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><span>03</span> FREE MUSIC</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><span>04</span> ARTIST</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><span>05</span> CONTACTS</a></li> </ul> </div> <div id="topcon"> <div id="topcon-inner"> <h2>Welcome to Music Shop</h2> <p>Don't forget to check <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">free website templates</a> every day, because we add a new free website template almost daily.</p><p>You can remove any link to our websites from this template you're free to use the template without linking back to us.</p> </div> </div> <div id="conntent"> <div id="body">

TASARIM ALTI

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} html, body, h1, h2, h3, h4, ul, li { margin: 0; padding: 0; } h1 img { display: block; } img { border: 0; } a { color: #FFFFFF; } a:hover { color: #FFA405; } .left { float: left; } .right { float: right; } .more { text-align: right; } .clear { clear: both; } body { background: #3A0404 url(http://www.freewebsitetemplates.com/preview/musicshop/images/page_bg.jpg) repeat-x; font: 11px arial, sans-serif; color: #464544; padding-bottom: 10px; } /** layout **/ #wrapper { width: 678px; min-height: 750px; _height: 750px; background: url(http://www.freewebsitetemplates.com/preview/musicshop/images/header.jpg) no-repeat; position: relative; } h1 { padding: 25px 0 0 30px; font: 32px "arial black", arial, sans-serif; color: #151515; } h1 em { color: #ffffff; font-weight: bold; font-style: normal; position: relative; top: -4px; } /* nav */ #nav { position: absolute; top: 0px; left: 335px; width: 500px; } #nav li { float: left; background: url(http://www.freewebsitetemplates.com/preview/musicshop/images/nav_left.gif) no-repeat; list-style: none; padding-left: 10px; padding-right: 20px; padding-top: 45px; line-height: 1.1; } #nav span { display: block; font-size: 28px; } #nav a { color: #FFFFFF; font-size: 11px; font-weight: bold; text-decoration: none; } /** topcontent **/ #topcon { background: url(http://www.freewebsitetemplates.com/preview/musicshop/images/topcon.jpg) no-repeat; width: 427px; position: absolute; top: 105px; left: 338px; color: #fff; } #topcon-inner { margin: 33px 40px 41px 85px; height: 120px; overflow: auto; } #topcon h2 { font-size: 14px; } /** Body **/ #conntent { width: 710px; position: absolute; color: #fff; top: 299px; left: 33px; } #conntent a { color: #fff; } #conntent a:hover { color: #fee; } #body { border: 3px solid white; background: #901315; padding: 18px; } .box { float: left; width: 195px; background: #730F11; margin-right: 18px; } .box-t { background: top url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_t.gif) repeat-x; } .box-r { background: right url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_r.gif) repeat-y; } .box-b { background: bottom url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_b.gif) repeat-x; } .box-l { background: left url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_l.gif) repeat-y; } .box-tr { background: top right url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_tr.gif) no-repeat; } .box-br { background: bottom right url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_br.gif) no-repeat; } .box-bl { background: bottom left url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_bl.gif) no-repeat; } .box-tl { background: top left url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_tl.gif) no-repeat; } .box-tl { padding: 13px 18px; } .box p { margin: 1em 0; } p.more { margin: 0; } #hits { width: 240px; } #hits .box-tl { padding-bottom: 22px; } #hits ul { margin: 1em 0; } #hits li { list-style: none; margin: 0.9em 0; } #hits ul a { text-decoration: none; } #hits ul a:hover { text-decoration: underline; } #new { margin-right: 0; } #new .box-tl { padding-bottom: 18px; } #new p { margin-top: 0; margin-bottom: 3.6em; } #body h2 { font-size: 12px; text-align: right; margin-bottom: 1.5em; } #body h3 { font-size: 9px; color: #FFEA00; } #body .more a { font-weight: bold; text-decoration: none; } #body .more a:hover { text-decoration: underline; } #body .hr-yellow { border-top: 1px solid #FFEA00; padding-bottom: 1em; margin-top: 1em; } /** footer **/ #footer { text-align: center; } #footer p, #footer ul { margin: 0.8em; } #footer ul { margin-top: 1.2em; } #footer li { display: inline; list-style: none; }

KRİSTAL RENKLİ TEMA

TASARIM ÜSTÜ

<div id="main" class="box">  <div id="header">  <h3 id="logo"><a href="./" _fcksavedurl="./" title="CrystalX [Go to homepage]">Crystal<strong>X</strong><span></span></a></h3> <hr class="noscreen" />  <div class="noscreen noprint"> <p><em>Quick links: <a href="#content" _fcksavedurl="#content">content</a>, <a href="#tabs" _fcksavedurl="#tabs">navigation</a>, <a href="#search" _fcksavedurl="#search">search</a>.</em></p> <hr /> </div>  <div id="search" class="noprint"> <form action="" method="get"> <fieldset><legend>Search</legend> <label><span class="noscreen">Find:</span> <span id="search-input-out"><input type="text" name="" id="search-input" size="30" /></span></label> <input type="image" src="http://www.nuviotemplates.com/templates/crystalx-01/design/search_submit.gif" id="search-submit" value="OK" /> </fieldset> </form> </div>  </div>   <div id="tabs" class="noprint"> <h5 class="noscreen">Navigation</h5> <ul class="box"> <li><a href="#" _fcksavedurl="#">Home<span class="tab-l"></span><span class="tab-r"></span></a></li> <li id="active"><a href="#" _fcksavedurl="#">Weblog<span class="tab-l"></span><span class="tab-r"></span></a></li>  <li><a href="#" _fcksavedurl="#">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li> <li><a href="#" _fcksavedurl="#">Photos<span class="tab-l"></span><span class="tab-r"></span></a></li> <li><a href="#" _fcksavedurl="#">Portfolio<span class="tab-l"></span><span class="tab-r"></span></a></li> <li><a href="#" _fcksavedurl="#">Contact<span class="tab-l"></span><span class="tab-r"></span></a></li> <li><a href="#" _fcksavedurl="#">Links<span class="tab-l"></span><span class="tab-r"></span></a></li> </ul> <hr class="noscreen" /> </div>   <div id="page" class="box"> <div id="page-in" class="box"> <div id="strip" class="box noprint">  <p id="rss"><strong>RSS:</strong> <a href="#" _fcksavedurl="#">articles</a> / <a href="#" _fcksavedurl="#">comments</a></p> <hr class="noscreen" />  <p id="breadcrumbs">You are here: <a href="#" _fcksavedurl="#">Home</a> > <a href="#" _fcksavedurl="#">Category</a> > <strong>Page</strong></p> <hr class="noscreen" /> </div>  <div id="conttent"> <div class="article"> <h4>HackeR FrienD.Net</h4> <p class="info noprint">Bilgi Güçtür, Paylaştıkça Büyür!</p><p>

TASARIM ALTI

</p></div> <hr class="noscreen" /> </div>   <div id="col" class="noprint"> <div id="col-in">  <h5><span><a href="#" _fcksavedurl="#">About Me</a></span></h5> <div id="about-me"> <p><img src="http://www.nuviotemplates.com/templates/crystalx-01/design/tmp_photo.gif" _fcksavedurl="http://www.nuviotemplates.com/templates/crystalx-01/design/tmp_photo.gif" id="me" alt="Yeah, it´s me!" /> <strong>John Doe</strong><br /> Age: 26<br /> Dallas, TX<br /> <a href="#" _fcksavedurl="#">Profile on MySpace</a></p> </div>  <hr class="noscreen" />  <h5 ><span>Category</span></h5> <ul id="category"> <li id="category-active"><a href="#" _fcksavedurl="#">Selected category</a></li>  <li><a href="#" _fcksavedurl="#">Category</a></li> <li><a href="#" _fcksavedurl="#">Category</a></li> <li><a href="#" _fcksavedurl="#">Category</a></li> <li><a href="#" _fcksavedurl="#">Category</a></li> </ul> <hr class="noscreen" />  <h5><span>Archive</span></h5> <ul id="archive"> <li><a href="#" _fcksavedurl="#">January 2007</a></li> <li><a href="#" _fcksavedurl="#">December 2006</a></li> <li><a href="#" _fcksavedurl="#">November 2006</a></li> <li><a href="#" _fcksavedurl="#">October 2006</a></li> <li><a href="#" _fcksavedurl="#">September 2006</a></li> <li id="archive-active"><a href="#" _fcksavedurl="#">August 2006</a></li>  <li><a href="#" _fcksavedurl="#">July 2006</a></li> <li><a href="#" _fcksavedurl="#">June 2006</a></li> <li><a href="#" _fcksavedurl="#">May 2006</a></li> <li><a href="#" _fcksavedurl="#">April 2006</a></li> <li><a href="#" _fcksavedurl="#">March 2006</a></li> <li><a href="#" _fcksavedurl="#">February 2006</a></li> <li><a href="#" _fcksavedurl="#">January 2006</a></li> </ul> <hr class="noscreen" />  <h5><span>Links</span></h5> <ul id="links"> <li><a href="#" _fcksavedurl="#">Something</a></li> <li><a href="#" _fcksavedurl="#">Something</a></li> <li><a href="#" _fcksavedurl="#">Something</a></li> <li><a href="#" _fcksavedurl="#">Something</a></li> <li><a href="#" _fcksavedurl="#">Something</a></li> </ul> <hr class="noscreen" /> </div>  </div>  </div>  </div>   <div id="footer"> <div id="top" class="noprint"><p><span class="noscreen">Back on top</span> <a href="#header" _fcksavedurl="#header" title="Back on top ^">^<span></span></a></p></div> <hr class="noscreen" />  <p id="createdby"><a href="http://www.nuviotemplates.com/" _fcksavedurl="http://www.nuviotemplates.com/">Free web templates</a></p>  <p id="copyright">© 2007 <a href="mailto:my@mail.com" _fcksavedurl="mailto:my@mail.com">My Name</a></p> </div>  </div>

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* ---------------------------------------------------------------------------------------------------------- This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates Structure: display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font; ---------------------------------------------------------------------------------------------------------- */ * {min-height:1px;} body {border:0; margin:0; padding:0; background:#F2F5FE url("http://www.nuviotemplates.com/templates/crystalx-01/design/bg.gif") 0 0 repeat-x; font:70%/160% "verdana",sans-serif; color:#192666; text-align:center;} a {color:#192666;} a:hover {color:#4F6AD7;} p {border:0; margin:15px 0; padding:0;} div {display:block; border:0; margin:0; padding:0;} h3, h4, h5, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;} h3 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;} h4 {font-size:180%; line-height:100%; font-family:"georgia",serif; font-weight:normal;} h5 {font-size:120%; line-height:100%; font-weight:bold;} h4 {font-size:120%;} h5 {font-size:100%;} table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:1px solid #B7CAF6; font-size:100%;} tr {display:table-row;} th, td {display: table-cell; border:1px solid #B7CAF6; margin:0; padding:5px; vertical-align:top; text-align:left;} th {background:#E7ECFD; text-align:center; color:#192666; font-weight:bold;} ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;} ol {list-style-type:decimal;} li {display:list-item; border:0; margin:0; padding:0;} ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;} dl {border:0; margin:15px 0; padding:0;} dt {border:0; margin:0; padding:0; font-weight:bold;} dd {border:0; margin:0 0 0 30px; padding:0;} form {border:0; margin:0; padding:0;} fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;} legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;} hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;} a, img, span {border:0; margin:0; padding:0;} abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;} del, .through {text-decoration:line-through;} strong, .strong {font-weight:bold;} cite, em, q, var {font-style:italic;} code, kbd, samp {font-family:monospace; font-size:110%;} .f-left {float:left;} .f-right {float:right;} .t-left {text-align:left;} .t-center {text-align:center;} .t-right {text-align:right;} .va-middle {vertical-align:middle;} .clear {clear:both;} .box {min-height:1px;} .box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;} .nom {margin:0;} .noscreen {display:none;} /* -----------------...........--------------------------------------------------------------------------------------- */ #main {width:770px; margin:50px auto 0 auto; text-align:left;} #header {position:relative; width:770px; height:100px; margin:0; padding:0; background:#233C9B url("http://www.nuviotemplates.com/templates/crystalx-01/design/header.jpg") 0 0 no-repeat; color:#FFF;} #header #logo {position:absolute; top:35px; left:35px; margin:0;} #header #logo a {color:#FFF;} #header #logo a:hover {color:#B5C4E3; text-decoration:underline;} #header #search {position:absolute; top:35px; right:20px;} #header #search form {position:relative;} #header #search #search-input-out {position:absolute; top:0; right:45px; width:155px; height:28px; margin:0; padding:0; border:0; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/search_input.gif") 0 0 no-repeat; font:bold 90%/100% "verdana",sans-serif; color:#192666;} #header #search #search-input {width:140px; margin:5px 8px; padding:3px 0; border:0; background:#FFF; font:bold 100%/100% "verdana",sans-serif; color:#192666;} #header #search #search-submit {position:absolute; top:0; right:0px;} #header #search fieldset {margin:0; padding:0; border:0;} #header #search fieldset {width:200px;} #header #search legend {display:none;} #tabs {background:#192666; margin:0 5px; padding:10px 0 0 0; _height:1px;} #tabs ul {margin:0 10px; padding:0; list-style:none;} #tabs ul li {margin:0 5px 0 0; padding:0; float:left;} #tabs ul li a {display:block; position:relative; padding:7px 15px; border:0; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_link.gif") 0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none; cursor:pointer;} #tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_link_l.gif") 0 0 no-repeat;} #tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_link_r.gif") 100% 0 no-repeat;} #tabs ul li a:hover {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_hover.gif") 0 0 repeat-x; color:#FFF;} #tabs ul li a:hover span.tab-l {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_hover_l.gif") 0 0 no-repeat;} #tabs ul li a:hover span.tab-r {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_hover_r.gif") 100% 0 no-repeat;} #tabs ul li#active a {background:#FFF; color:#FF9000;} #tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_active_l.gif") 0 0 no-repeat;} #tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_active_r.gif") 100% 0 no-repeat;} #page {width:770px; min-height:1px; background:#FFF url("http://www.nuviotemplates.com/templates/crystalx-01/design/bg_page.gif") 0 0 repeat-y; _height:1px;} #page-in {min-height:1px; padding:10px 0; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/bg_page_in.jpg") 0 0 no-repeat; _height:1px;} #strip {position:relative; clear:both; padding:3px 20px 10px 20px; color:#6182D1;} #strip p {margin:0;} #strip a {color:#6182D1;} #strip a:hover {color:#192666;} #strip #breadcrumbs {width:520px; margin:0; padding:0;} #strip #rss {float:right; width:175px; _width:200px; margin:0; padding-left:25px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_rss.gif") 0 50% no-repeat} #conttent {float:left; width:530px; _width:550px; margin:0; padding:0 0 0 20px;} #conttent .article {clear:both; margin:0; padding:20px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/content_article_bg.jpg") 0 0 no-repeat;} #conttent .article h4 {margin:0 -20px; padding:10px; background:#DEE5FD url("http://www.nuviotemplates.com/templates/crystalx-01/design/content_title_bg.gif") 0 0 repeat-y; color:#192666;} #conttent .article h4 span {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_list.gif") 0 50% no-repeat; padding-left:25px;} #conttent .article p {text-align:justify;} #conttent .info {margin:10px 0; padding-bottom:8px; border-bottom:1px solid #DEE5FD; color:#6685CC;} #conttent .info a {color:#6685CC;} #conttent .info a:hover {color:#FF9000;} #conttent .info span.date, #conttent .info span.cat, #conttent .info span.user, #conttent .info span.comments {padding-left:15px;} #conttent .info span.date {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_date.gif") 0 50% no-repeat;} #conttent .info span.cat {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_cat.gif") 0 50% no-repeat; margin-left:8px;} #conttent .info span.user {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_user.gif") 0 50% no-repeat; margin-left:8px;} #conttent .info span.comments {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_comments.gif") 0 50% no-repeat; margin-left:8px;} #conttent .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;} #conttent .btn-more a {display:block; position:absolute; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;} #conttent .btn-more a:hover {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/btn_more.gif") -95px 0 no-repeat;} #col {float:left; width:200px; margin:0; padding:0; background:#CEDBF9 url("http://www.nuviotemplates.com/templates/crystalx-01/design/col_bg.gif") 0 0 repeat-y;} #col-in {padding:20px 10px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/col_top.gif") 0 0 no-repeat;} #col h5 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#A0B9F3 url("http://www.nuviotemplates.com/templates/crystalx-01/design/col_title_bg.gif") 0 0 repeat-y; color:#192666;} #col #about-me {margin-bottom:15px; line-height:130%;} #col #about-me p {margin:0;} #col #about-me #me {float:left; width:54px; height:58px; margin-right:7px;} #col ul#category {margin:15px 0; padding:0; list-style:none;} #col ul#category li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;} #col ul#category li a {display:block; padding:3px 0 3px 22px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive.gif") 5px 6px no-repeat; text-decoration:none;} #col ul#category li a:hover {background-color:#D3DFF8; color:#192666;} #col ul#category li#category-active a {background:#E0E8FA url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;} #col ul#archive {margin:15px 0; padding:0; list-style:none;} #col ul#archive li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;} #col ul#archive li a {display:block; padding:3px 0 3px 22px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive.gif") 5px 50% no-repeat; text-decoration:none;} #col ul#archive li a:hover {background-color:#D3DFF8; color:#192666;} #col ul#archive li#archive-active a {background:#E0E8FA url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive2.gif") 5px 6px no-repeat; font-weight:bold;} #col ul#links {margin:15px 0; padding:0; list-style:none;} #col ul#links li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;} #col ul#links li a {display:block; padding:3px 0 3px 22px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_links.gif") 5px 6px no-repeat; text-decoration:none;} #col ul#links li a:hover {background-color:#D3DFF8; color:#192666;} #footer {position:relative; clear:both; width:770px; height:60px; margin-bottom:50px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/footer.jpg") 0 0 no-repeat; color:#6685CC;} #footer a {color:#6685CC;} #footer a:hover {color:#192666;} #top {position:absolute; top:55px; left:550px;} #top p {position:relative; width:30px; height:25px; margin:0; overflow:hidden;} #top p span {display:block; position:absolute; left:0; top:0; z-index:1; width:30px; height:25px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_top.gif") 0 0 no-repeat; cursor:pointer;} #top a:hover span {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_top.gif") -30px 0 no-repeat;} #footer p#copyright {position:absolute; top:10px; left:40px; margin:0;} #createdby {position:absolute; top:10px; left:562px; margin:0; color:#8CA3D8;} #createdby a {color:#8CA3D8;}

ŞEHİR TEMASI

TASARIM ÜSTÜ

TASARIM ALTI

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* CSS RESET */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;} body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;} /* CSS RESET */ body { text-align:center; color:#6d6b6e } a { text-decoration:none; color:#000 } a:hover { text-decoration: underline; } #wrap { width:900px; text-align:left; margin:0 auto; } .fl{ float:left} .fr{ float:right} .clearfix{ clear:both} /* header */ #header { background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/hd.jpg); height:273px; position:relative} #header h1 {font-size:40px; font-weight:700; position:absolute; left:70px; top:20px;color:#fff} .sc{background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/s.gif) no-repeat;height:38px; width:230px; position:absolute; right:70px; top:20px} .q { border:#1D7E9F 1px solid;width:165px; height:25px; position: absolute; top:8px; right:55px; background:#1D7E9F } .submit {background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/go.gif) no-repeat; height:39px; width:39px; border:0; position: absolute; top:0px; right:5px; } #header li{ float:left; padding:0 6px; line-height:1.9em } #header ul{ position:absolute; right:30px; top:232px; font-size:11px;border: #0099CC solid; border-width:3px 0} #header li a:hover { background:#0099CC; text-decoration:none} /* content */ #content {} .side {background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/left.jpg) no-repeat; width:451px;} .sinner {width:250px; margin:200px 0 0 150px; font-size:11px} .main {background:#F4F5EE; } .main h2 {font-size:34px; text-align:right; font-weight:700; margin:20px 0} .mainin { padding:20px; width:409px;} #bg{ background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/bg.jpg)} #bg,.main { padding-bottom:300px; margin-bottom:-300px; } #copyright{ width:250px; height:50px; padding:100px 0 0 150px;} #content { overflow:hidden; } /* footer */ #copyright {font-size:11px;}

EĞLENCE TEMASI

TASARIM ÜSTÜ

<div class="navbar section" id="navbar"><div class="widget Navbar" id="Navbar1"> <div></div></div></div> <div class="container"> <div class="edge"></div> <div class="masthead-container"> <div class="search-container"> <div class="search"> <form action="/search" id="searchform" method="get"> <div> <input class="txt" id="s" name="q" onblur_fckprotectedatt="%20onblur%3D%22if%20(this.value%20%3D%3D%20%5C%22" ="" lütfen="" ;}="" onfocus_fckprotectedatt="%20onfocus%3D%22if%20(this.value%20%3D%3D%20%5C%22" arama="" yapın...="" )="" {this.value="'Arayın" value="Arama Yapın..." type="text"> <input alt="" class="btn" src="https://img.webme.com/pic/h/hfserver1/wpfun4.png" value="" type="image"> </div> </form> </div> </div> <h1 class="logo"><a href="#" _fcksavedurl="#"> DesigN</a></h1> <div class="tools"> <ul> <li class="email"><a href="#" _fcksavedurl="#">Email</a></li> <li class="rss"><a href="http://wpfun..com/feeds/posts/default" _fcksavedurl="http://wpfun..com/feeds/posts/default">RSS</a></li> </ul> </div> </div> <div class="main"> <div class="asides"> <div class="navigation"> <div class="edge-nav"></div> <ul> <li id="current"><a class="home" href="http://wpfun..com/2008/09/www..com/" _fcksavedurl="http://wpfun..com/2008/09/www..com/">Anasayfa</a></li> <li><a class="about" href="http://wpfun..com/" _fcksavedurl="http://wpfun..com/">Hakkımda</a></li> <li><a class="archives" href="http://wpfun..com/" _fcksavedurl="http://wpfun..com/">Arşiv</a></li> <li><a class="contact" href="http://wpfun..com/" _fcksavedurl="http://wpfun..com/">İletişim</a></li> </ul> </div> <div class="column one"> <h2 class="featured">Özel Bölüm</h2> <div class="featured-post"> <div class="section" id="lsidebar1"><div class="widget HTML" id="HTML1"> <h2></h2> <div class="widgeasdst-content"> <ul><li><a href="http://wpfun..com/2008/09/wp-fun-turkce-tema.html" _fcksavedurl="http://wpfun..com/2008/09/wp-fun-turkce-tema.html">HackeR FrienD WP Fun</a></li><li> </li></ul></div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=4704123004976282456&widgetType=HTML&widgetId=HTML1&action=editWidget" _fcksavedurl="http://www.blogger.com/rearrange?blogID=4704123004976282456&widgetType=HTML&widgetId=HTML1&action=editWidget" onclick_fckprotectedatt="%20onclick%3D'return%20_WidgetManager._PopupConfig(document.getElementById(%22HTML1%22))%3B'" target="configHTML1" title="Düzenle"> <img alt="" src="https://img.webme.com/pic/h/hfserver1/icon18.png" _fcksavedurl="https://img.webme.com/pic/h/hfserver1/icon18.png" width="18" height="18"> </a> </span> </span> <div class="clear"></div> </div><div class="widget TextList" id="TextList1"> <h2>Kitaplar</h2> <div class="widget-content"> <ul> <li><a href="#" _fcksavedurl="#" target="_new"></a></li> </ul> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=4704123004976282456&widgetType=TextList&widgetId=TextList1&action=editWidget" _fcksavedurl="http://www.blogger.com/rearrange?blogID=4704123004976282456&widgetType=TextList&widgetId=TextList1&action=editWidget" onclick_fckprotectedatt="%20onclick%3D'return%20_WidgetManager._PopupConfig(document.getElementById(%22TextList1%22))%3B'" target="configTextList1" title="Düzenle"> <img alt="" src="https://img.webme.com/pic/h/hfserver1/icon18.png" _fcksavedurl="https://img.webme.com/pic/h/hfserver1/icon18.png" width="18" height="18"> </a> </span> </span> <div class="clear"></div> </div> </div><div class="widget Text" id="Text1"> <h2 class="title">Açıklama</h2> <div class="widget-content"> Bu Tema <a href="#" _fcksavedurl="#"></a> Tarafından Blogger a Uyalanmıştır.<br><br>Çeviri: <a href="http://wpfun..com/2008/09/www..com" _fcksavedurl="http://wpfun..com/2008/09/www..com"> DesigN</a><br> </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=4704123004976282456&widgetType=Text&widgetId=Text1&action=editWidget" _fcksavedurl="http://www.blogger.com/rearrange?blogID=4704123004976282456&widgetType=Text&widgetId=Text1&action=editWidget" onclick_fckprotectedatt="%20onclick%3D'return%20_WidgetManager._PopupConfig(document.getElementById(%22Text1%22))%3B'" target="configText1" title="Düzenle"> <img alt="" src="https://img.webme.com/pic/h/hfserver1/icon18.png" _fcksavedurl="https://img.webme.com/pic/h/hfserver1/icon18.png" width="18" height="18"> </a> </span> </span> <div class="clear"></div> </div></div> </div> </div> </div> <div class="content"> <div class="column two"> <div class="edge-alt"></div> <div class="msain section" id="main"><div class="widget Blog" id="Blog1"> <div class="blog-posts hfeed">  <div class="entry-extended"> <a name="3390823979309190969"></a> <h2> <a href="http://wpfun..com/2008/09/wp-fun-turkce-tema.html" _fcksavedurl="http://wpfun..com/2008/09/wp-fun-turkce-tema.html">HackeR FrienD.Net</a> </h2> <div class="post-header-line-1"> <p class="meta"> Bilgi Güçtür, Paylaştıkça Büyür! <span class="post-labels"> Etiketler: <a href="http://wpfun..com/search/label/Blogger%20Tema" _fcksavedurl="http://wpfun..com/search/label/Blogger%20Tema" rel="tag">Blogger Tema</a>, <a href="http://wpfun..com/search/label/" _fcksavedurl="http://wpfun..com/search/label/" rel="tag"></a>, <a href="http://wpfun..com/search/label/WpFun" _fcksavedurl="http://wpfun..com/search/label/WpFun" rel="tag">WpFun</a> </span> - <a href="https://www.blogger.com/comment.g?blogID=4704123004976282456&postID=3390823979309190969" _fcksavedurl="https://www.blogger.com/comment.g?blogID=4704123004976282456&postID=3390823979309190969" onclick_fckprotectedatt="%20onclick%3D%22%22">0 Yorum</a> </p> </div> <div class="entdry">

TASARIM ALTI

</div> </div> <div class="comments" id="comments"> <a name="comments"></a> <h4> Slogan burada olabilir. </h4> <dl id="comments-block"> </dl> <p class="comment-footer"> <a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%22%22">Linkler</a> | <a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%22%22">Linkler</a> | <a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%22%22">Linkler</a> </p> <div id="backlinks-container"> <div id="Blog1_backlinks-container"> </div> </div> </div>  </div> <div class="blog-pager" id="blog-pager"> <a class="home-link" href="http://wpfun..com/" _fcksavedurl="http://wpfun..com/">Ana Sayfa</a> </div> <div class="clear"></div> <div class="post-feeds"> <div class="feed-links"> HF </div> </div> </div></div> </div> </div> </div> <div class="sub-container"> <div class="column one"> <div class="category"> <ul><li> <div class="section" id="lasb1"><div class="widget Label" id="Label1"> <h2></h2> <div class="widgest-cosntent"> <ul> <li> <a dir="ltr" href="http://wpfun..com/search/label/Blogger%20Tema" _fcksavedurl="http://wpfun..com/search/label/Blogger%20Tema"> Blogger Tema </a> </li> <li> <a dir="ltr" href="http://wpfun..com/search/label/" _fcksavedurl="http://wpfun..com/search/label/"> </a> </li> <li> <a dir="ltr" href="http://wpfun..com/search/label/WpFun" _fcksavedurl="http://wpfun..com/search/label/WpFun"> WpFun </a> </li> </ul> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=4704123004976282456&widgetType=Label&widgetId=Label1&action=editWidget" _fcksavedurl="http://www.blogger.com/rearrange?blogID=4704123004976282456&widgetType=Label&widgetId=Label1&action=editWidget" onclick_fckprotectedatt="%20onclick%3D'return%20_WidgetManager._PopupConfig(document.getElementById(%22Label1%22))%3B'" target="configLabel1" title="Düzenle"> <img alt="" src="https://img.webme.com/pic/h/hfserver1/icon18.png" _fcksavedurl="https://img.webme.com/pic/h/hfserver1/icon18.png" width="18" height="18"> </a> </span> </span> <div class="clear"></div> </div> </div></div></li></ul> <div class="edge-cat"></div> </div> </div> <div class="column two"> <div class="discussed"> <ul><li> <div class="section" id="lsidebar3"><div class="widget HTML" id="HTML2"> <h2></h2> <div class="widgeasdst-content"> <ul><li><a href="http://wpfun..com/2008/09/wp-fun-turkce-tema.html" _fcksavedurl="http://wpfun..com/2008/09/wp-fun-turkce-tema.html">WP Fun Türkçe Tema</a></li><li> </li></ul></div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=4704123004976282456&widgetType=HTML&widgetId=HTML2&action=editWidget" _fcksavedurl="http://www.blogger.com/rearrange?blogID=4704123004976282456&widgetType=HTML&widgetId=HTML2&action=editWidget" onclick_fckprotectedatt="%20onclick%3D'return%20_WidgetManager._PopupConfig(document.getElementById(%22HTML2%22))%3B'" target="configHTML2" title="Düzenle"> <img alt="" src="https://img.webme.com/pic/h/hfserver1/icon18.png" _fcksavedurl="https://img.webme.com/pic/h/hfserver1/icon18.png" width="18" height="18"> </a> </span> </span> <div class="clear"></div> </div></div> </li></ul> <div class="edge-dis"></div> </div> </div> <div class="column three"> <div class="links"> <ul><li> <div class="link21 section" id="gosu445"><div class="widget LinkList" id="LinkList1"> <h2></h2> <div class="widdget-content"> <ul> <li><a href="#" _fcksavedurl="#"> Design</a></li> <li><a href="http://mizah..com/" _fcksavedurl="http://mizah..com/">Komedi Tümeli</a></li> </ul> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=4704123004976282456&widgetType=LinkList&widgetId=LinkList1&action=editWidget" _fcksavedurl="http://www.blogger.com/rearrange?blogID=4704123004976282456&widgetType=LinkList&widgetId=LinkList1&action=editWidget" onclick_fckprotectedatt="%20onclick%3D'return%20_WidgetManager._PopupConfig(document.getElementById(%22LinkList1%22))%3B'" target="configLinkList1" title="Düzenle"> <img alt="" src="https://img.webme.com/pic/h/hfserver1/icon18.png" _fcksavedurl="https://img.webme.com/pic/h/hfserver1/icon18.png" width="18" height="18"> </a> </span> </span> <div class="clear"></div> </div> </div></div> </li></ul> <div class="edge-links"></div> </div> </div> </div> <div class="copyright"><p><a href="#2008/09/wordpress-fun-blogger-templatewordpress-fun-blogger-template/" _fcksavedurl="#2008/09/wordpress-fun-blogger-templatewordpress-fun-blogger-template/">Wordpress Fun Blogger Theme</a> by <a href="#" _fcksavedurl="#">GosuBlogger</a> Türkçe Çeviri <a href="#" _fcksavedurl="#"></a><br>Orignal template bySmashing Magazine - <a href="http://jobs.smashingmagazine.com/" _fcksavedurl="http://jobs.smashingmagazine.com/">Smashing Jobs</a></p></div> </div>

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* /* ======================================================================================================================= =RESET ========================================================================================================================*/ html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre,a, abbr,acronym, address,big,cite,code,del, dfn,em,font,img,ins,kbd,q,s,samp,small, strike,strong,sub,sup,tt, var,dd,dl,dt, li,ol,ul,fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; text-align: left; } table { border-collapse: collapse; border-spacing: 0; } ol,ul { list-style: none; } q:before,q:after, blockquote:before,blockquote:after { content: ""; } a { text-decoration: none; } /* ======================================================================================================================= =CLEAR FLOATS ========================================================================================================================*/ .container:after, .main:after, .column:after, .sub-container:after, .navigation:after, .masthead-container:after, .search-container:after { content: "."; display: block; clear: both; height: 0; font-size: 0; line-height: 0em; visibility: hidden; overflow: hidden; } /* ======================================================================================================================= =GLOBAL STYLES ========================================================================================================================*/ body { background: #46381d url(http://i371.photobucket.com/albums/oo151/wpfuntheme/body.jpg) repeat; color: #333; font-family: "lucida sans unicode", "lucida grande", verdana, arial, helvetica, sans-serif; } h1, h2, h3, h4, h5, h6, ul, ol, dl, pre, p, blockquote, table, img { padding-bottom: .5em; } h1, h2, h3, h4, h5, h6, strong, em { font-weight: bold; } h1, h2, h3, h4 { font-family:Georgia, Times, serif; } h1 { font-size: 1.6em; } h2 { font-size: 1.5em; } h3 { font-size: 1.4em; } h4 { font-size: 1.3em; } a:link, a:visited { color:#a6431c; } a:hover, a:focus { color:#828415; } p { font-size: 1em; } /* ======================================================================================================================= =LAYOUT ========================================================================================================================*/ .container { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/container_bg.jpg) repeat-x; position:relative; } /* =search */ .search-container { width:990px; height:39px; float:right; } .search { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/search_container.gif) no-repeat; float:right; width:380px; height:28px; } .search div { margin-left:100px; } .search input.txt { background:transparent; border:0; width:200px; vertical-align:middle; margin-right:15px; color:#888; } .search input.btn { vertical-align:middle; } /* end search */ .masthead-container { height:302px; background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/boy.jpg) no-repeat left top; width:990px; } /* =logo */ h1.logo { float:left; margin:20px 0 0 284px; width:305px; background:url(http://cemiluyanik.googlepages.com/logo.png) no-repeat; } h1.logo a { display:block; width:305px; height:75px; text-indent:-999em; overflow:hidden; } /* end logo */ /* =tools */ .tools { width:300px; padding:26px 0 0 30px; float:right; } .tools li { list-style:none; float:right; } .tools li a { display:block; text-indent:-999em; overflow:hidden; } .tools li.rss { padding-right:15px; } .tools li.rss a { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/rss.gif) no-repeat; width:65px; height:65px; } .tools li.rss a:hover { background-position:0 -65px; } .tools li.email a { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/email.gif) no-repeat; width:76px; height:66px; } .tools li.email a:hover { background-position:0 -66px; } /* =left content */ .asides { width:365px; float:left; margin-bottom:10px; } /* =navigation */ .asides .navigation { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/navigation_bg.gif) repeat-x top; height:57px; margin-bottom:10px; position:relative; } .asides .navigation .edge-nav { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/nav_edge.png) no-repeat; width:41px; height:57px; position:absolute; bottom:0; right:0; } .asides .navigation li { float:left; } .asides .navigation a { height:57px; display:block; text-indent:-999em; } .asides .navigation a.home { background:url(http://cemiluyanik.googlepages.com/wpfunlogo.png) no-repeat; width:71px; } .asides .navigation a.about { background:url(http://cemiluyanik.googlepages.com/WPFUNHAKIMMDA.png) no-repeat; width:73px; } .asides .navigation a.archives { background:url(http://cemiluyanik.googlepages.com/wpfunariv.png) no-repeat; width:95px; } .asides .navigation a.contact { background:url(http://cemiluyanik.googlepages.com/wpfun5.png) no-repeat; width:120px; } .asides .navigation a.home:hover, .asides .navigation a.about:hover, .asides .navigation a.archives:hover, .asides .navigation a.contact:hover { background-position:0 -57px; } /* =column one */ .asides .one { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/asides.jpg) repeat; width:340px; margin:0 10px; padding:10px 0; } /* =featured */ .asides h2.featured { background:url(http://cemiluyanik.googlepages.com/bizimalem.png) no-repeat; text-indent:-999em; display:block; padding:0; margin-left:10px; height:34px; } .asides .featured-post { padding:10px; } .asides .featured-post h2 { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/dash_orange.gif) repeat-x bottom; color:#c6c80e; display:block; padding-bottom:6px; } .widget-content a { color:#bfba8b; font-size:.8em; line-height:1.5em; } .widget-content { color:#bfba8b; } .asides .featured-post p.meta { font: .7em georgia, times, serif; color:#9d986c; letter-spacing:1px; } .asides .featured-post p.more a { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/arrow_orange.gif) no-repeat 0 5px; padding-left:15px; color:#f46229; } .asides .featured-post p.more a:hover { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/arrow_lightgreen.gif) no-repeat 0 5px; color:#c6c80e; } .asides .featured-post img { width:300px; padding:6px; background:#6f5931; border:2px dashed #826a3e; } .main { margin:0; float:left; } .column { float:left; } /* = main column */ .content { float:left; position:relative; top:-150px; margin-bottom:-140px; width:613px; padding:6px; background:#fefced; } .container .edge { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/two_edge.png) no-repeat; position:absolute; z-index:10; left:926px; top:152px; width:64px; height:60px; } .edge-alt { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/two_blue_edge.png) no-repeat; position:absolute; z-index:20; left:-6px; bottom:-6px; width:68px; height:61px; } /* =column two */ .content .two { background:#f2f0de url(http://i371.photobucket.com/albums/oo151/wpfuntheme/two_bg.jpg) repeat-y right; padding:6px; width:601px; position:relative; } .content .two h2 a { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/dash_brown.gif) repeat-x bottom; color:#a6431c; display:block; padding-bottom:4px; } .content .two h2 a:hover { color:#828415; } .content .two p { font-size:.8em; color:#45371b; line-height:1.5em; padding-bottom:20px; } .content .two p.meta { color:#737b7f; font:.9em georgia, times, serif; } .content .two p.more { background:#e2e0ca; display:inline; padding:2px 6px 4px 6px; font-size:.8em; } .content .two p.more:hover { background:#f1e4dd; } .content .two p.more a { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/arrow_green.gif) no-repeat 0 5px; padding-left:15px; color:#777907; } .content .two p.more a:hover { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/arrow_red.gif) no-repeat 0 5px; color:#a6431c; } .content .two h2.pagetitle { padding-left:15px; } .content .two .entry { margin-bottom:15px; margin-left:110px; } .content .two .entry-extended { padding:0 15px 15px 15px; margin-bottom:30px; width:570px; } .content .two .entry-extended li.cat-item { padding-top:6px; padding-left:10px; } .content .two .entry-extended .postmetadata p { padding-bottom:0; } .content .two .entry-extended p.meta { padding-bottom:5px; } .content .two .entry-thumb { width:82px; height:82px; padding:6px; background:#dcd8c5; border:1px solid #bcb99e; float:left; } .content .two .entry-thumb img { width:82px; height:82px; padding:0; } .content .navigation { margin-top:50px; margin-left:110px; } /* =commentlist */ ol.commentlist li { background:#e2e0ca; background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/commentlist.gif) repeat; font-size:.8em; } ol.commentlist li.alt { background:#e0e5d6; background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/commentlist_alt.gif) repeat; margin-bottom:10px; } ol.commentlist li p {font-size:.9em !important; clear:left; padding:10px 20px 10px 40px;} img.avatar {float:left; margin-right:10px;} /* =contactform */ form {font-size:.8em;} input {margin-bottom:5px;} input.short {margin-left:4px;} legend span {color:#888;} textarea {margin-bottom:10px;} fieldset label {float:left;} /* =below the fold */ .sub-container { float:left; clear:both; width:100%; } /* =first sub column */ .sub-container .one { width:342px; margin-left:10px; } .sub-container ul li { padding-bottom:20px; } .sub-container li ul { background:none; padding:0 0 10px 0; } .sub-container li { padding:2px 12px; font-size:.8em; } .sub-container li ul li { padding:2px 12px; font-size:100%; } .sub-container ul li ul li a { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/dash_grey.gif) repeat-x bottom; display:block; } .sub-container .category a { color:#b4bdc2; padding-bottom:4px; } .sub-container .category a:hover { color:#fff; } .sub-container .category { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/categories.jpg) no-repeat bottom; padding-top:10px; width:342px; position:relative; border-top:1px solid #333; } .sub-container .category .edge-cat { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/cat_edge.png) no-repeat right bottom; height:46px; width:43px; position:absolute; bottom:0; right:1px; } .sub-container .category li h2 { background:url(http://cemiluyanik.googlepages.com/wpfun1.png) no-repeat; width:140px; height:27px; text-indent:-999em; overflow:hidden; } .sub-container .category ul { padding:0; height:20em; } .sub-container .category li ul { background:none; } /* =second sub column */ .sub-container .two { width:288px; margin-left:10px; } .sub-container .discussed { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/discussed.jpg) no-repeat bottom; padding-top:10px; position:relative; border-top:1px solid #333; } .sub-container .discussed .edge-dis { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/green_edge.png) no-repeat right bottom; height:45px; width:44px; position:absolute; bottom:0; right:0px; } .sub-container .discussed h2 { background:url(http://cemiluyanik.googlepages.com/wpfun2.png) no-repeat; width:201px; height:22px; padding-bottom:15px; text-indent:-999em; overflow:hidden; } .sub-container .discussed ul { padding:0; height:20em; } .sub-container .discussed li ul { background:none; } .sub-container .discussed a { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/dash_lightgreen.gif) repeat-x bottom; color:#ece9d7; padding-bottom:4px; } .sub-container .discussed a:hover { color:#333; } /* =third sub column */ .sub-container .three { width:332px; margin-left:10px; } .sub-container .links { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/links.jpg) no-repeat bottom; padding-top:10px; position:relative; border-top:1px solid #333; } .sub-container .links .edge-links { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/red_edge.png) no-repeat right bottom; height:48px; width:50px; position:absolute; bottom:-1px; right:0; } .sub-container .links h2 { background:url(http://cemiluyanik.googlepages.com/wpfun3.png) no-repeat; width:200px; height:27px; text-indent:-999em; overflow:hidden; } .sub-container .links ul { padding:0; height:20em; } .sub-container .links li ul { background:none; } .sub-container .links li ul li { padding: 2px 12px; } .sub-container .links a { background:url(http://i371.photobucket.com/albums/oo151/wpfuntheme/dash_rose.gif) repeat-x bottom; color:#ece9d7; padding-bottom:4px; } .sub-container .links a:hover { color:#333; } .copyright {clear:both; float:left; padding:12px; color:#8c6e31; font-size:.8em; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } #comments h4 { text-align:justify; font-size:14px; font-weight:bold; }#comments-block { margin:0 0 1px; padding:0; font-size:11px; }.comment-author { border-top:1px solid #5a4726; border-left:1px solid #5a4726; border-right:1px solid #5a4726; background:url(images/comment_l.jpg) repeat-x; padding:6px 15px 0px 15px; margin-left:0px; display:block; margin-top:10px; }.comment-body { border-left:1px solid #5a4726; border-right:1px solid #5a4726; padding:5px 15px 5px 15px; margin-left:0px; display:block; }#comments-block .comment-footer { border-left:1px solid #5a4726; border-right:1px solid #5a4726; border-bottom:1px solid #5a4726; margin-bottom:15px; margin-left:0px; padding:0px 15px 12px 15px; display:block; } #navbar-iframe { height:0px; visibility:hidden; display:none; }

WORLD OF WARCRAFT TEMASI

TASARIM ÜSTÜ

<div id="box"> <div id="top"> <div id="header"><h1><a href="http://themepreview.amazingwordpressthemes.com/" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/" title="‘World of Warcraft/world-of-warcraft’ Theme Preview">‘World of Warcraft/world-of-warcraft’ Theme Preview</a></h1></div>  </div>  <div id="navbox"> <div id="nav"> <ul class="nav"> <li class="current_page_item"><a href="http://themepreview.amazingwordpressthemes.com/" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/">Home</a></li> <li class="page_item page-item-2"><a href="http://themepreview.amazingwordpressthemes.com/?page_id=2" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://themepreview.amazingwordpressthemes.com/?page_id=5" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=5" title="Sample Page">Sample Page</a></li> </ul> </div>  <form id="searchform" method="get" action="http://themepreview.amazingwordpressthemes.com/"><input value="Search" onfocus_fckprotectedatt="%20onfocus%3D%22if%20(this.value%20%3D%3D%20'Search')%20%7Bthis.value%20%3D%20''%3B%7D%22" onblur_fckprotectedatt="%20onblur%3D%22if%20(this.value%20%3D%3D%20'')%20%7Bthis.value%20%3D%20'Search'%3B%7D%22" size="18" maxlength="50" name="s" id="s" type="text"> </form> </div>  <div id="content"> <div class="post" id="post-4"> <div class="posthead"> <h2>HackeR FrienD</h2> <small class="postauthor">Bilgi Güçtür, Paylaştıkça Büyür!</small> <p class="postdate"> <small class="day">12</small> <small class="month">Feb</small> <small class="year"></small> </p> </div> <!--{12487054253254}-

TASARIM ALTI

</div>  <div class="navigation"> <div class="alignleft"></div> <div class="alignright"></div> </div>  </div>  <div id="sidebar"> <div class="lsidebar"> <ul> <li class="pagenav"><h2>Pages</h2><ul><li class="page_item page-item-2"><a href="http://themepreview.amazingwordpressthemes.com/?page_id=2" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://themepreview.amazingwordpressthemes.com/?page_id=5" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=5" title="Sample Page">Sample Page</a></li> </ul></li> <li class="categories"><h2>Categories</h2><ul> <li class="cat-item cat-item-3"><a href="http://themepreview.amazingwordpressthemes.com/?cat=3" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?cat=3" title="View all posts filed under Sample Posts">Sample Posts</a> (2) </li> <li class="cat-item cat-item-1"><a href="http://themepreview.amazingwordpressthemes.com/?cat=1" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a> (1) </li> </ul></li> <li><h2>Archives</h2> <ul> <li><a href="http://themepreview.amazingwordpressthemes.com/?m=200802" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?m=200802" title="February 2008">February 2008</a> (3)</li> </ul> </li> <li id="linkcat-2" class="linkcat"><h2>Blogroll</h2> <ul> <li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </li> </ul> </div>  <div class="rsidebar"> <ul> <li><h2>Recent Comments</h2> <ul> <li>admin:<a href="http://themepreview.amazingwordpressthemes.com/?p=4#comment-2" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=4#comment-2" title="on Sample Post">Id wisi erat lorem massa pede </a></li> <li>Mr WordPress:<a href="http://themepreview.amazingwordpressthemes.com/?p=1#comment-1" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=1#comment-1" title="on Hello world!">Hi, this is a comment.To</a></li> </ul> </li> <li><h2>Recent Post</h2> <ul> <li><a href="http://themepreview.amazingwordpressthemes.com/?p=3" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=3">Lorem ipsum</a></li> <li><a href="http://themepreview.amazingwordpressthemes.com/?p=4" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=4">Sample Post</a></li> </ul> </li> </ul> </div>  </div>  <div id="bottom-sep"> </div> <div id="bottom"> <div class="bottom-divs">  <div id="bottom-left"> <h2>About Author</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum at arcu. Integer et risus. Morbi id tellus. Integer felis. Mauris malesuada, turpis vitae facilisis euismod, dui arcu adipiscing sem, eu vulputate leo ante in lacus. Sed porta accumsan lectus. Aenean ac sem. In consequat tempus velit. Phasellus leo enim, adipiscing a, egestas nec, pretium ut, pede. Mauris sollicitudin diam et mauris. Sed quis enim vel augue egestas lobortis. Etiam tempus ipsum vel neque. </p> </div>   <div id="bottom-mid"> <h2>Resources</h2> <ul> <li><a href="" _fcksavedurl="" title="">Resources 1</a></li> <li><a href="" _fcksavedurl="" title="">Resources 2</a></li> <li><a href="" _fcksavedurl="" title="">Resources 3</a></li> <li><a href="" _fcksavedurl="" title="">Resources 4</a></li> <li><a href="" _fcksavedurl="" title="">Resources 5</a></li> </ul> </div>   <div id="bottom-right"> <h2>Meta</h2> <ul> <li><a href="http://themepreview.amazingwordpressthemes.com/wp-login.php" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/wp-login.php">Login</a></li> <li><a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li> <li><a href="http://gmpg.org/xfn/" _fcksavedurl="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li> <li><a href="http://wordpress.org/" _fcksavedurl="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li> </ul> </div>  </div>  </div>  <div id="footer"> <p>© 2008 <a href="http://themepreview.amazingwordpressthemes.com/" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/" title="‘World of Warcraft/world-of-warcraft’ Theme Preview"> ‘World of Warcraft/world-of-warcraft’ Theme Preview </a> | World of Warcraft and Blizzard are trademarks of Blizzard Entertainment<br> <a href="http://www.templatepanic.com/" _fcksavedurl="http://www.templatepanic.com/">World of Warcraft Theme</a> by TemplatePanic <br> Powered By Wordpress - Theme Provided By <a href="http://www.amazingwordpressthemes.com/" _fcksavedurl="http://www.amazingwordpressthemes.com/">Wordpress Theme</a> - <a href="http://onlinecollege.typolis.net/" _fcksavedurl="http://onlinecollege.typolis.net/">distance learning college online</a> </p> </div>  </div>

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* -------------------- GENERAL -------------------- */ body { font-family: Verdana, Arial, Helvetica; font-size: 13px; background: #101f05 url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/bg.jpg) repeat-y top center; margin: 0; padding: 0; color: #f2f2f2; } #box { width: 940px; margin: 0 auto; padding: 0px; } #top { width: 940px; background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/header.jpg) no-repeat; height: 208px; margin: 0; padding: 0; } a, a:link { text-decoration: none; color: #f7941d; } a:hover { text-decoration: underline; color: #0072bc; } hr { border: none; border-top: 1px solid #ccc; } /* -------------------- HEADER -------------------- */ #header { float: left; width: 880px; margin: 160px 0 0 10px; padding: 0; } #header h1 { font-family: Georgia, Tahoma, Verdana; margin: 0; padding: 0; color: #fbaf5d; font-size: 26px; font-weight: normal; font-style: italic; text-align: right; } #header h1 a, #header h1 a:link { color: #fad00a; } #header h1 a:hover { color: #fff; text-decoration: none; } #description { text-align: right; color: #fff; width: 880px; font-size: 12px; padding: 0 0 0 10px; } /* -------------------- SEARCH -------------------- */ #searchform { height: 25px; line-height: 25px; float: right; padding: 20px 18px 0 0; margin: 0; } #searchform #s { font-size: 8pt; width: 230px; } #searchform #submit { font-size: 8pt; } input#s { font-family: Verdana, Arial; color: #ccc; text-align: center; border: 1px solid #1d1d1d; background: #111; } input#s:hover { background: #193207; } /* -------------------- NAV -------------------- */ #navbox { background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/nav.jpg) no-repeat top center; height: 42px; margin: 0px auto; } #nav { width: 510px; height: 25px; line-height: 35px; float: left; padding: 0; } ul.nav { height: 35px; line-height: 25px; float: left; list-style: none; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; } ul.nav li { float: left !important; list-style-type: none; margin: 0; padding: 0; } ul.nav li ul { float: left; margin: 0; padding: 0; } ul.nav li a, ul.nav li a:link, ul.nav li a:visited { border-left: 0; color: #999; float: left; display: block; text-decoration: none; padding: 10px 10px 0 10px; height: 42px; } ul.nav li a:hover, ul.nav li a:active { background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/nav-hover.jpg) repeat-x; color: #ccc; text-decoration: none; height: 42px; } ul.nav li.current_page_item a { text-decoration: none; height: 42px; background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/nav-hover.jpg) repeat-x; color: #f2f2f2; } /* -------------------- POST -------------------- */ .post { width: 520px; float: left; margin: 5px auto; padding: 10px; } .post img { border: none; padding: 5px; } h2 { font-size: 22px; font-weight: normal; padding: 0px; margin: 0px; } #content { width: 545px; float: left; margin: 5px auto; padding: 0; } .notes { padding: 25px; } .posthead { position: relative; clear: left; padding-bottom: 10px; } .posthead h2 { font-size: 22px; font-weight: normal; padding: 0px 0px 0px 50px; margin: 0px; } .posthead h2 a { color: #fff200; } .posthead h2 a:hover { color: #007e03; } .postauthor { padding: 0px 0px 0 50px; margin: 0px; font-size: 10px; color:#666; } .postdate { margin: 0px; position: absolute; top: 0px; left: 0px; text-align: center; padding: 0px 10px 6px 10px; } .postdate small { font-size: 9px; color:#666; } .postdate .month { display:block; text-transform: uppercase; font-size: 9px;} .postdate .day { display:block; font-size: 22px; letter-spacing: -1px; font-weight: normal; color:#777;} .postdate .year { display:block;} .navigation { width: 510px; float: left; color: #666; padding: 5px 6px 10px; } .relatedposts { width: 520px; float: left; color: #666; margin: 5px auto; padding: 0 5px 5px 5px; font-size: 10px; } h1, h2, h3 { padding: 0 10px 0 0; font-family: Georgia, Verdana; } img.wp-smiley { border: 0; padding: 0; } /* -------------------- SIDEBAR -------------------- */ #sidebar { width: 380px; float: right; font-size: 11px; margin-top: 5px; padding: 0; } #sidebar img, .lsidebar img { border: none; } .alignright { float: right; margin-top: 10px; } .alignleft { float: left; margin-top: 10px; } .rsidebar { width: 165px; float: right; margin: 0 auto; padding: 0 10px 5px; } .rsidebar, .lsidebar img { border: none; } .lsidebar { width: 165px; float: left; margin: 0 auto; padding: 0 10px 5px; } .lsidebar h2, .rsidebar h2 { font-size: 12px; font-weight: bold; margin: 0 0 10px; padding: 5px 0 0 5px; background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/sidebartitle.jpg) no-repeat top center; height: 39px; width: 166px; color: #f2f2f2; } .rsidebar ul, .lsidebar ul { list-style-type: none; margin: 0; padding: 0; } .rsidebar ul li, .lsidebar ul li { list-style-type: none; margin: 0 0 25px; padding: 0; } .rsidebar ul li ul, .lsidebar ul li ul { list-style-type: square; margin: 0; padding: 0 0 0 5px; } .rsidebar ul li ul li, .lsidebar ul li ul li { list-style-type: circle; margin: 0 0 0 10px; padding: 0 0 0 5px; } .rsidebar p, .lsidebar p { padding: 0 5px; } /* -------------------- FOOTER -------------------- */ #footer { width: 940px; background: #111 url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/footer.jpg) no-repeat bottom center; height: 50px; clear: both; color: #ccc; font-size: 9px; margin: 0; text-align: center; } #footer p { padding: 16px 10px 0 0; } #footer a, .footer a:link { text-decoration: none; color: #04bf08; } #footer a:hover { text-decoration: none; color: #ccc; } /*-------------------- Comment --------------------*/ .commentsbox { width: 520px; float: left; margin: 5px auto; } .commentsbox p { margin: 0; padding: 0; } .commentsbox img { border: 1px solid #666; margin: 3px; } #commentlist ol { margin: 0; padding: 0; } #commentlist li { list-style-position: outside; list-style-type: decimal; padding: 10px; } .alt { background-color: #040002 !important; background-image: none !important; } #commentlist li:hover { background-color: #040002; } .comment-title { margin: 0 0 0 0px; font-size: 10px; color: #666; } .comment-title a:link { color: #0072bc; } .comment-title a:hover { color: #666; } .comment-text { } h2.postcomment { margin: 0; font-size: 20px; font-weight: normal; } .postcomment { clear: both; margin: 20px 0 0 0; padding: 20px; } .postcomment input, .postcomment textarea { border: 1px dotted #aaa; background: #0d1d01; color: #ccc; } .postcomment input:hover, .postcomment textarea:hover { border: 1px dotted #ccc; background: #040002; } .postcomment input#author, .postcomment input#email, .postcomment input#url { width: 100% !important; width: 456px; /* IE hack */ height: 18px; } .postcomment textarea#comment { width: 100% !important; /* IE hack */ height: 200px; } .postcomment input#submit { width: auto; background: #0d1d01; height: 25px; padding: 2px 10px 3px 10px; } .postcomment input#submit:hover { background: #040002; } /*-------------------- Bottom --------------------*/ #bottom { clear: both; float: left; width: 940px; height: 100%; margin: 0 0 0 0; padding: 0; background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/bot.jpg) top center; text-align: left; color: #ccc; font-size: 10px; } #bottom-divs { float: left; clear: both; margin: 0; padding: 20px; } #bottom-left { width: 30%; padding: 20px 0 20px 30px; float: left; } #bottom-mid, #bottom-right { width: 30%; padding: 20px 0 20px 20px; float: left; } #bottom h2 { margin: 0 0 10px 0; padding: 0 8px; font-size: 14px; color: #f2f2f2; font-weight: bold; } #bottom h3 { margin: 0; padding: 10px 10px; font-size: 12px; color: #999; text-align: center; } #bottom h3:hover { color: #f2f2f2; } #bottom ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #666; } #bottom ul li { line-height: 20px; border-bottom: 1px solid #666; } #bottom ul li a { display: block; padding: 0 10px; color: #fff; text-decoration: none; } #bottom ul li a:hover { background: #111; } #bottom-right ul li a:hover { background: #111; } #bottom-sep { clear: both; }

FUTBOL TEMASI

TASARIM ÜSTÜ

<center> <div class="all"> <div style="" class="pway"><span style="" class="pathway">Home </span></div> <div style="" id="logo"><a class="logo" href="index.php" _fcksavedurl="index.php">Themza Joomla! 1.0.x Templates</a></div> <div class="div"> <div id="menu"> <div class="menuc"> <div style="" id="topnavi"> <ul> <li><a href="index.php?option=com_frontpage&Itemid=1" _fcksavedurl="index.php?option=com_frontpage&Itemid=1"><span>Home</span></a></li><li><a href="index.php?option=com_content&task=view&id=5&Itemid=6" _fcksavedurl="index.php?option=com_content&task=view&id=5&Itemid=6"><span>Joomla! License</span></a></li><li><a href="index.php?option=com_content&task=section&id=1&Itemid=2" _fcksavedurl="index.php?option=com_content&task=section&id=1&Itemid=2"><span>News</span></a></li><li><a href="index.php?option=com_content&task=blogsection&id=0&Itemid=9" _fcksavedurl="index.php?option=com_content&task=blogsection&id=0&Itemid=9"><span>Blog</span></a></li><li><a style="" href="index.php?option=com_weblinks&Itemid=23" _fcksavedurl="index.php?option=com_weblinks&Itemid=23"><span style="">Links</span></a></li><li><a style="" href="index.php?option=com_contact&Itemid=3" _fcksavedurl="index.php?option=com_contact&Itemid=3"><span style="">Contact Us</span></a></li><li><a href="index.php?option=com_search&Itemid=5" _fcksavedurl="index.php?option=com_search&Itemid=5"><span>Search</span></a></li><li><a href="index.php?option=com_newsfeeds&Itemid=7" _fcksavedurl="index.php?option=com_newsfeeds&Itemid=7"><span>News Feeds</span></a></li><li><a href="index.php?option=com_content&task=category&sectionid=3&id=7&Itemid=25" _fcksavedurl="index.php?option=com_content&task=category&sectionid=3&id=7&Itemid=25"><span>FAQs</span></a></li><li><a href="index.php?option=com_wrapper&Itemid=8" _fcksavedurl="index.php?option=com_wrapper&Itemid=8"><span style="">Wrapper</span></a></li> </ul> </div> </div> </div> </div><div id="pagecontainer"> <table cellpadding="0" cellspacing="0"> <tbody><tr> <td style="" class="leftcol" valign="top"> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <th style="" valign="top"> Choose a Template </th> </tr> <tr> <td> <ul class="menu"><li> <a style="" href="?joomla10-template=themza_j10_01" _fcksavedurl="?joomla10-template=themza_j10_01">Football League</a> </li> <li> <a style="" href="?joomla10-template=themza_j10_02" _fcksavedurl="?joomla10-template=themza_j10_02">Football Dreams</a> </li> </ul> </td> </tr> </tbody></table> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <th style="" valign="top"> Main Menu </th> </tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr align="left"><td><a style="" href="http://demo.themza.com/joomla10/index.php?option=com_frontpage&Itemid=1" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_frontpage&Itemid=1" class="mainlevel" id="active_menu">Home</a></td></tr> <tr align="left"><td><a style="" href="http://demo.themza.com/joomla10/index.php?option=com_content&task=view&id=5&Itemid=6" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=view&id=5&Itemid=6" class="mainlevel">Joomla! License</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_content&task=section&id=1&Itemid=2" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=section&id=1&Itemid=2" class="mainlevel">News</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_content&task=blogsection&id=0&Itemid=9" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=blogsection&id=0&Itemid=9" class="mainlevel">Blog</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_weblinks&Itemid=23" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_weblinks&Itemid=23" class="mainlevel">Links</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_contact&Itemid=3" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_contact&Itemid=3" class="mainlevel">Contact Us</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_search&Itemid=5" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_search&Itemid=5" class="mainlevel">Search</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_newsfeeds&Itemid=7" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_newsfeeds&Itemid=7" class="mainlevel">News Feeds</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_content&task=category&sectionid=3&id=7&Itemid=25" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=category&sectionid=3&id=7&Itemid=25" class="mainlevel">FAQs</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_wrapper&Itemid=8" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_wrapper&Itemid=8" class="mainlevel">Wrapper</a></td></tr> </tbody></table> </td> </tr> </tbody></table> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr align="left"><td><a href="http://www.joomla.org" _fcksavedurl="http://www.joomla.org" class="mainlevel">Joomla! Home</a></td></tr> <tr align="left"><td><a href="http://forum.joomla.org" _fcksavedurl="http://forum.joomla.org" class="mainlevel">Joomla! Forums</a></td></tr> <tr align="left"><td><a href="http://www.opensourcematters.org" _fcksavedurl="http://www.opensourcematters.org" class="mainlevel">OSM Home</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/administrator/" _fcksavedurl="http://demo.themza.com/joomla10/administrator/" class="mainlevel">Administrator</a></td></tr> </tbody></table> </td> </tr> </tbody></table> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <th valign="top"> Login Form </th> </tr> <tr> <td> <form action="http://demo.themza.com/joomla10/index.php" method="post" name="login"> <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td> <label for="mod_login_username"> Username </label> <br> <input name="username" id="mod_login_username" class="inputbox" alt="username" size="10" type="text"> <br> <label for="mod_login_password"> Password </label> <br> <input id="mod_login_password" name="passwd" class="inputbox" size="10" alt="password" type="password"> <br> <input name="remember" id="mod_login_remember" class="inputbox" value="yes" alt="Remember Me" type="checkbox"> <label for="mod_login_remember"> Remember me </label> <br> <input name="Submit" class="button" value="Login" type="submit"> </td> </tr> <tr> <td> <a href="http://demo.themza.com/joomla10/index.php?option=com_registration&task=lostPassword" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_registration&task=lostPassword"> Lost Password?</a> </td> </tr> <tr> <td> No account yet? <a href="http://demo.themza.com/joomla10/index.php?option=com_registration&task=register" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_registration&task=register"> Register</a> </td> </tr> </tbody></table> <input name="option" value="login" type="hidden"> <input name="op2" value="login" type="hidden"> <input name="lang" value="english" type="hidden"> <input name="return" value="http://demo.themza.com/joomla10/index.php?joomla10-template=themza_j10_02" type="hidden"> <input name="message" value="0" type="hidden"> <input name="force_session" value="1" type="hidden"> <input name="j47dde8b8415c49d0056fd8f80f9a5b65" value="1" type="hidden"> </form> </td> </tr> </tbody></table> </td> <td style="" class="maincol" valign="top"> <div style=""> <table class="blog" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top"><div style=""> <table class="contentpaneopen"> <tbody><tr> <td style="" class="contentheading" width="100%">HackeR FrienD.Net</td> </tr> </tbody></table> <table style="" class="contentpaneopen"> <tbody><tr> <td style="" colspan="2" valign="top" width="70%" align="left"> <span style="" class="small">Bilgi Güçtür, Paylaştıkça Büyür!</span> </td> </tr> <tr style=""> <td style="" colspan="2" class="createdate" valign="top"></td> </tr> <tr> <td style="" colspan="2" valign="top">

TASARIM ALTI

</td> </tr> <tr> <td style="" colspan="2" align="left"></td> </tr> </tbody></table> <span class="article_seperator"> </span> </div></td></tr><tr><td valign="top"><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td style="" valign="top" width="50%"></td><td style="" valign="top" width="50%"></td></tr></tbody></table></td></tr><tr><td style="" valign="top"><div class="blog_more"> <div> <strong style=""></strong> </div> <ul> <li style=""></li> </ul> </div></td></tr><tr><td style="" valign="top" align="center"></td></tr><tr><td style="" valign="top" align="center"></td></tr></tbody></table> </div> </td> <td style="" class="rightcol" valign="top"> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <th valign="top"> Polls </th> </tr> <tr> <td style=""> <script language="javascript" type="text/javascript">  </script> <form name="pollxtd1" method="post" action="http://demo.themza.com/joomla10/index.php?option=com_poll"> <table class="poll" width="95%" align="center" border="0" cellpadding="1" cellspacing="0"> <thead> <tr> <td style="font-weight: bold;"> Do you like our templates </td> </tr> </thead> <tbody><tr> <td style="" align="center"> <table class="pollstableborder" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td class="sectiontableentry2" valign="top"> <input name="voteid" id="voteid1" value="1" alt="1" type="radio"> </td> <td class="sectiontableentry2" valign="top"> <label for="voteid1"> They are amazing </label> </td> </tr> <tr> <td style="" class="sectiontableentry1" valign="top"> <input style="" name="voteid" id="voteid2" value="2" alt="2" type="radio"> </td> <td style="" class="sectiontableentry1" valign="top"> <label style="" for="voteid2"> Hell ya </label> </td> </tr> <tr> <td class="sectiontableentry2" valign="top"> <input name="voteid" id="voteid3" value="3" alt="3" type="radio"> </td> <td style="" class="sectiontableentry2" valign="top"> <label for="voteid3"> Yes </label> </td> </tr> <tr> <td class="sectiontableentry1" valign="top"> <input name="voteid" id="voteid4" value="4" alt="4" type="radio"> </td> <td style="" class="sectiontableentry1" valign="top"> <label for="voteid4"> Maybe </label> </td> </tr> <tr> <td style="" class="sectiontableentry2" valign="top"> <input name="voteid" id="voteid5" value="5" alt="5" type="radio"> </td> <td class="sectiontableentry2" valign="top"> <label for="voteid5"> No </label> </td> </tr> <tr> <td class="sectiontableentry1" valign="top"> <input name="voteid" id="voteid6" value="6" alt="6" type="radio"> </td> <td class="sectiontableentry1" valign="top"> <label for="voteid6"> Absolutely not </label> </td> </tr> </tbody></table> </td> </tr> <tr> <td> <div align="center"> <input onclick_fckprotectedatt="%20onclick%3D%22submitbutton_Poll1()%3B%22" name="task_button" class="button" value="Vote" type="button"> <input name="option" class="button" value="Results" onclick_fckprotectedatt="%20onclick%3D%22document.location.href%3D'http%3A%2F%2Fdemo.themza.com%2Fjoomla10%2Findex.php%3Foption%3Dcom_poll%26task%3Dresults%26id%3D14'%3B%22" type="button"> </div> </td> </tr> </tbody></table> <input name="id" value="14" type="hidden"> <input name="task" value="vote" type="hidden"> <input name="j4fe163d9aad8d09b2c8ee446c4766cb2" value="1" type="hidden"> </form> </td> </tr> </tbody></table> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <th valign="top"> Who's Online </th> </tr> <tr> <td> We have 2 guests online </td> </tr> </tbody></table> </td> </tr> </tbody></table> <div style="" class="footer_bg"> <div class="footer"> <div style="" align="center"> © 2009 Themza Joomla! 1.0.x Templates</div> <div style="" align="center"> <a href="http://www.joomla.org" _fcksavedurl="http://www.joomla.org">Joomla!</a> is Free Software released under the GNU/GPL License. <a style="" href="http://www.themza.com/joomla1.0/" _fcksavedurl="http://www.themza.com/joomla1.0/" target="_blank" title="themes for joomla 1.0">ThemZa Joomla Templates</a>, <a style="" href="http://www.ntchosting.com/" _fcksavedurl="http://www.ntchosting.com/" target="_blank" title="budget web hosting">php hosting</a>. </div></div> </div> <div style="background: rgb(87, 87, 87) none repeat scroll 0% 0%; height: 10px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></div> </div> </div> </center>

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body { overflow-x : hidden; overflow: -moz-scrollbars-vertical; } .body { color: #000000; margin: 0 0 0 0; padding: 0px; font-size: 11px; font-family: "Trebuchet MS"; background: #575757; } .all { width:970px; margin:0 auto; padding:0; background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/bg_page.gif) repeat-y; } #logo { background: transparent url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/bg.jpg) no-repeat top center; margin:0 auto; width: 100%; padding:0; height:119px; text-align:left; vertical-align:middle; } #logo a { margin:20px 0 0 75px; line-height:80px; font-family:"Trebuchet MS"; font-size:23px; color:#FFFFFF; } .topmaincol { width:100%; height:30px; } /* --- nav --- */ .div { } #menu{ position:relative; height:58px; color:#E0E0E0; background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_bg.jpg) repeat-x; width:966px; font-size:13px; } #menu .menuc { margin: 0px auto; width: 966px; font-family:"Trebuchet MS"; } #topnavi{ position:relative; height:58px; font-size:12px; font-weight: normal; font-family:"Trebuchet MS"; background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_bg.jpg) repeat-x top left; padding:0 0 0 5px; } #topnavi ul{ margin:0; padding:0; list-style-type:none; width:auto; float:left; } #topnavi ul li{ display:block; float:left; margin:0 1px; } #topnavi ul li a{ display:block; float:left; color: #FFFFFF; text-decoration:none; padding:0 0 0 11px; height:52px; } #topnavi ul li a span{ font-size:12px; padding:17px 11px 0 0; height:52px; float:left; } #topnavi ul li a:hover{ font-size:12px; color: #000000; } #topnavi ul li a:hover span{ font-size:12px; display:block; width:auto; cursor:pointer; } #topnavi ul li a.current,#topnavi ul li a.current:hover{ color: #FFFFFF; background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_left.jpg) no-repeat top left; line-height:350%; } #topnavi ul li a.current span{ display:block; padding:0 10px 0 0; width:auto; background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_right.jpg) no-repeat top right; height:52px; } /* --- end nav --- */ /* /////////////////////////////////////////////////////////////////////////// */ form {display:inline;} hr { color : #999999; height : 1px; width : 100%; } .back_button { color : #999999; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; font-weight : normal; padding-bottom : 3px; margin-right : 4px; float : right; line-height : 20px; } .button { font-size : 11px; color : #333333; border : 1px solid #999999; margin : 3px; background-color : #EDEDED; padding : 1px; cursor : pointer; } .inputbox { color : #000000; background : #ffffff; border : 1px solid #cccccc; margin : 3px; } table,td,div { color : #000000; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; margin:0; } p { color : #000000; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; line-height : 16px; padding:4px 0px 4px 0px; margin:0; } strong { color : #000000; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; line-height : 16px; padding:4px 0px 4px 0px; margin:0; } i { color : #000000; font-family : Verdana, Helvetica, sans-serif; font-size : 10px; line-height : 16px; padding:4px 0px 4px 0px; margin:0; font-style: normal; } em { color : #000000; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; line-height : 16px; padding:4px 0px 4px 0px; margin:0; font-style: normal; } /* /////////////////////////////////////////////////////////////////////////// */ .leftcol {width:200px;padding:10px 5px 10px 10px;} .maincol {width:525px;padding:10px 5px 10px 5px;} .rightcol {width:200px;padding:10px 10px 10px 10px;} .pollstableborder td{ text-align:left} #pagecontainer { width:970px; height:100%; margin: 0px auto; padding:0; text-align: left; } /* -------------------------------------------------------------------------------------------------------------- */ table.moduletable { margin : 0 0 20px 0; width : 100%; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 10px; } table.moduletable th { font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; font-weight : bold; text-align : left; height : 34px; color : #FFFFFF; padding : 8px 0 0 13px; text-indent : 10px; line-height : 15px; background : #fff url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/moduletable_th_bg.jpg) no-repeat left top; } table.moduletable td { padding-top: 2px; } table.moduletable td table{ width : 100%; } .sectiontableheader { font-size : 10px; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-weight : normal; text-transform : uppercase; letter-spacing : 1px; color : #333333; background : #ffffff; padding : 1px; } .sectiontableentry1 { vertical-align : top; padding : 3px; background : #D9D9D9; border-bottom : 1px solid #ffffff; line-height : 25px; } .sectiontableentry2 { vertical-align : top; padding : 3px; border-bottom : 1px solid #ffffff; background : #EEEEEE; line-height : 25px; } a.mainlevel { display : block; width : auto; margin : 1px 0; padding : 0; font-size : 12px; background : none; text-indent : 10px; width : 200px; } a.mainlevel:link, a.mainlevel:visited { display : block; font-size : 11px; background : transparent url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/mainlevel.gif) repeat-x right bottom; font-weight : normal; padding : 4px 0 4px 0; color : #000000; text-indent : 11px; } a.mainlevel:hover { background : transparent url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/mainlevel_h.gif) repeat-x right bottom; font-size : 11px; font-weight : normal; color : #D01C0D; text-decoration : none; text-indent : 11px; } #active_menu { color : #D01C0D; background : transparent url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/mainlevel_h.gif) repeat-x right bottom; } a#active_menu:hover { color : #333333; } a:link, a:visited { font-size : 11px; color : #333333; text-decoration : none; font-weight : bold; } a:hover { font-size : 11px; color : #D01C0D; text-decoration : none; font-weight : bold; } a.category:link, a.category:visited { font-size : 11px; font-weight : bold; } a.readon:link, a.readon:visited { color : #999999; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; background : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; float : right; line-height : 10px; text-decoration : underline; } a.readon:hover { color : #D01C0D; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; background : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; line-height : 10px; text-decoration : underline; } ul { margin : 2px; padding-left : 10px; list-style : none; } li { line-height : 15px; padding-left : 10px; padding-top : 0; } table.contenttoc { border : 1px solid #dcdcdc; background : #F1F1F1; padding : 5px; margin-left : 2px; margin-bottom : 2px; } .pagenavcounter { font-size : 10px; color : #4da338; } .pagenavbar { border-top : 1px solid #999999; padding : 2px; } .pagenav { font-weight : bold; } a.pagenav:link, a.pagenav:visited { font-size : 11px; color : #999999; text-decoration : none; } a.pagenav:hover { font-size : 11px; color : #3333ff; text-decoration : none; } .date { font-size : 10px; font-weight : bold; color : #707070; padding-right : 12px; } .small { font-size : 10px; color : #333333; } .smalldark { font-size : 10px; color : #333333; } .createdate, .modifydate { float : right; font-size : 10px; color : #666666; font-weight : bold; } .content_vote { font-size : 10px; height : 22px; padding-top : 2px; padding-bottom : 2px; } .content_rating { font-size : 10px; color : #999999; } .pway { margin:0 auto; text-align:left; width:970px; height:18px; padding:5px 0 0 0 ; background:#575757; } .pathway { font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; color : #D01C0D; padding-left : 12px; } a.pathway:link, a.pathway:visited { font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color : #FFFFFF; font-size : 11px; padding-left : 0; } a.pathway:hover { color:#efefef; font-size : 11px; padding-left : 0; } table.content{ width : 100%; padding : 0; border-collapse : collapse; border-spacing : 0; margin-bottom : 10px; } table.contentpane { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; } table.contentpaneopen { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; } .poll { color : #333333; line-height : 12px; font-weight: normal; } .pollstableborder{ border-color : #999999; } .contentheading,.componentheading { width : 90%; font-size : 12px; font-weight : bold; line-height : 16px; text-transform : uppercase; text-align : left; text-indent : 0; color : #D01C0D; padding : 1px; margin : 3px 0px; } .ontab { border-left : 1px solid #666666; text-align : center; font-weight : bold; color : #333333; padding : 5px; cursor : pointer; line-height : 30px; } .offtab { border-left : 1px solid #666666; text-align : center; color : #999999; font-weight : normal; padding : 5px; cursor : pointer; line-height : 30px; } .tabpadding { border-left : 1px solid #666666; } .col { vertical-align : top; background : #ffffff; padding-top: 5px; } .contentdescription { width : auto !important; margin : 0; padding : 0; padding-top : 5px; text-align : left; } td.top1{ margin: 0; padding: 0; height: 28px !important; height: 28px; padding-top: 2px !important; padding-top: 3px; background : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/shadow.jpg) #f1f1f1 repeat-x top; } table.top2{ background : #ffffff; } .searchbox { margin : 0; padding : 0; margin-top : 13px; margin-left : 10px; width : 130px; font-size : 11px; color : #707070; border : 1px solid #cccccc; padding : 2px !important; padding : 1px; background : none; } .sublevel { font-family :"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; color : #999999; margin-top : 10px; } a.sublevel:link, a.sublevel:visited { font-family :"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; color : #999999; padding : 5px 1px 3px 5px; text-decoration : none; } a.sublevel:hover { color : #D01C0D; text-decoration : none; } a.sublevel#active_menu { background : transparent; color : #ff6600; border : 0; } a.toclink:link, a.toclink:visited { font-family :"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; color : #999999; padding : 5px 1px 3px 5px; text-decoration : none; } a.toclink:hover { color : #D01C0D; text-decoration : none; } td.logoheader { margin: 0; padding: 0; background : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/header.jpg) no-repeat bottom; height : 65px; width : 770px; } td.topnav { margin : 0px; padding: 0px; background : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/bg_top.jpg) repeat-x top left; height : 42px; width : 770px; } td.bgline { margin : 0; padding: 0; background : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/s.gif) repeat-y; width : 7px; } #mainlevel-nav { font-size : 11px; list-style : none; padding : 0; margin : 0; margin-left : 1px; } #mainlevel-nav li { float : right; display : block; list-style : none; background-image : none; padding-left : 2px; padding-right : 2px; margin : 0; width : auto !important; font-size : 11px; line-height : 28px; white-space : nowrap; border-left : 1px solid #cccccc; } #mainlevel-nav li a { padding-left : 10px; padding-right : 10px; font-size : 11px; color : #000033; text-decoration : none; } #mainlevel-nav li a:hover { font-size : 11px; color : #999999; } .blog_more { margin : 10px 0 7px 7px; } .buttonheading { padding : 0 2px; } .mosimage { border : 1px solid #dedede; margin : 5px; padding-top: 3px; background:#FFFFFF; } .mosimage_caption { margin-top: 3px; padding : 2px; color : #000066; font-size : 10px; background: #f1f1f1; } /* -------------------------- */ .footer_bg { width:970px; background:#575757 url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/footer_bg.jpg) no-repeat left top; color:#FFFFFF; padding:6px 0px 0 0; height:43px; text-align: center; margin:0px; } .footer { color:#fff; padding:0; margin:0 0 10px 0; } .footer div, .footer div a, .footer div a:visited{ color:#fff; }

Devamını Görmek İçin Tıkla..

Bugün 12 ziyaretçi AKTiFHiLE'de BURADAYDI.!

İletişim; HileAktif@Tr.GG

HiLE AKTiF

Koxp, 1810 Koxp, 1811 Koxp, 1812 Koxp, 1810 Multiclient, 1810 Oto Kutu, Knight Online, Chaos Koxp.

Koxp 1815,ChaosKoxp 1815,1815 koxp,ProKoxp 1815,GG Hack 1815,TT Hack 1815,Knight Online,Koxp indir

Css Tasarımları 2

Devamını Görmek İçin Tıkla..

Link Takas

Din Bölümü

Web Master.